javascript - 查看/滚动到某个 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
    }
});

归功于有没有办法检测 HTML 元素何时从视图中隐藏？

Answer 2

您可能可以使用Bullseye jQuery 插件，它向元素添加添加enterviewport和事件。leaveviewport