在達到頁面底部時觸發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; 
}