爲什麼我的scrollTop用於檢測當我滾動到頁面底部不工作？

Question

我正在使用一些js來檢測當我到達​​我正在開發的網站的頁面底部。我目前正在測試的JS出在這裏這個腳本：

$(window).scroll(function(){ 
    if ($(window).scrollTop() == $(document).height() - $(window).height()){ 
    console.log('you are at the bottom'); 
    } 
}); 

我在這裏的問題是，它僅火災，當我到達我的滾動頁面不這是不是我想要的理想效果的頂部到底部。

任何人都可以看到爲什麼它不工作？

謝謝， 馬克

Answer 1

因爲scrollTop的是你的窗口的頂部，當你到達頁面的底部，這是不是與底部內聯。

您需要考慮窗口高度。

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
    alert("bottom!"); 
    } 
});