如何在查看/滚动某个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事件。