到达页面底部时触发jquery（仅一次）

Question

我有下面的脚本，它在到达页面底部时初始化一个函数（具有1px阈值，因为它没有这个似乎不起作用）。它工作正常，但我希望它只在第一次到达页面底部时才能工作，如果用户向上和向下滚动，则不会发生任何事情。

有什么建议吗？

JS

$(window).scroll(function() {
    if($(window).scrollTop() + $(window).height() > ($(document).height() - 1) ) {
        // Function goes here
    }
});

Answer 1

使用一些标志：

var hasScrolled = false;

$(window).scroll(function() {
    if(!hasScrolled && $(window).scrollTop() + $(window).height() > ($(document).height() - 1) ) {
        hasScrolled = true
        // Function goes here
    }
});

Answer 2

添加另一个变量，如果用户已经滚动，则会跟踪该变量。 `

scrolled = false;
if($(window).scrollTop() + $(window).height() > ($(document).height() - 1) && !scrolled) {
        // Function goes here
    scrolled = true;
}