如何查看/滚动某个div时触发某个动作？

Question

我有一些div，我需要触发一个动作（浮动另一个div或例如发出警报）当某个div被查看或滚动到..什么是最好的方法来做到这一点？

Answer 1

你的意思是“看”我不知道是什么 - 但这里是当用户把他们的鼠标在div，你会怎么做：

function isScrolledIntoView(elem) { 
    var docViewTop = $(window).scrollTop(); 
    var docViewBottom = docViewTop + $(window).height(); 
    var elemTop = $(elem).offset().top; 
    var elemBottom = elemTop + $(elem).height(); 
    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); 
} 

$(window).scroll(function() { 
    if(isScrolledIntoView(myelement)) { 
     // in view 
    } else { 
     // not in view 
    } 
}); 

感谢Is there a way to detect when an HTML element is hidden from view?

Answer 2

你可以可能使用Bullseye jQuery plugin，它增加了enterviewport和leaveviewport事件元素。