Question

我有一个深页的深页

我想使用一些jQuery在页脚顶部进入视图时触发事件

我看过并尝试使用

 var scrollTop = jQuery (window).scrollTop();

但它只是在你加载时给出位置，滚动时它不会改变

请提出任何想法

Answer 1

您可以在此答案中使用我的脚本：Pause and play video when in viewport

小提琴：http://jsfiddle.net/pwhjk232/

$(document).ready(function() {
    var inner = $(".inner");
    var elementPosTop = inner.position().top;
    var viewportHeight = $(window).height();
    $(window).on('scroll', function() {
        var scrollPos = $(window).scrollTop();
        var elementFromTop = elementPosTop - scrollPos;

        if (elementFromTop > 0 && elementFromTop < elementPosTop + viewportHeight) {
            inner.addClass("active");
        } else {
            inner.removeClass("active");
        }
    });
})

需要在页脚进入视图时触发事件

1 个答案: