如何查看/滾動某個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事件元素。