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

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

最佳答案

为此，您应该使用scroll事件:

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

您应该注意的一件事是，当有人连续滚动到顶部时，即使您只希望在顶部被击中时也将触发偶数，为此，您可以将事件处理程序定义为函数，并将最后一个scrolltop值放入函数局部变量。

$(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
    }
}