javascript - 当我到达页面顶部时如何启动 JavaScript 或 jQuery 事件？

Question

我有一个简单的问题，但我找不到解决方案...当我向上滚动页面并“触摸”它的顶部时，我只想启动一个事件(执行一个方法)。我在我的页面中使用 JavaScript 和 jQuery。提前致谢!

Answer 1

您应该为此目的使用滚动事件:

$(window).scroll(function() {
    if ($(this).scrollTop() == 0) {
        //Do whatever you want to do
    }
});

你应该注意的一件事是，当有人连续滚动到顶部时， even 将被触发，尽管你只需要在顶部被击中时，为此你可以将事件处理程序定义为一个函数并将最后一个滚动顶部将值转换为函数局部变量。

$(window).scroll(handleHitTop);

function handleHitTop(event) {
    var currentScrollTopValue = $(this).scrollTop();

    if (handleHitTop.lastTop === undefined) {
        handleHitTop.lastTop = currentScrollTopValue ;

        return;
    }

    if (handleHitTop.lastTop == 0 && currentScrollTopValue == 0) {
        return;
    }

    handleHitTop.lastTop = currentScrollTopValue;

    if (handleHitTop.lastTop == 0) {
        //Call your event here
    }
}