含義$（窗口）的.scrollTop（）==的$（document）.height（） - $（窗口）.height（）

Question

下面的代碼是用來檢測用戶是否已經滾動到頁面底部它的工作原理。

if($(window).scrollTop() == $(document).height() - $(window).height()){ 
//do something 
} 

問題：

我不明白爲什麼你減去從文檔的高度窗口的高度，然後比較，以滾動高度，以確定是否底部該頁面已經達到。爲什麼不是簡單地

if($(window).scrollTop() == $(document).height()){ 
//do something 
} 

或

if($(window).scrollTop() == $(window).height()){ 
//do something 
} 

Answer 1

這是因爲$(window).scrollTop()返回頁面頂部的位置，$(document).height()返回頁面底部的位置。因此，您需要減去窗口的高度以獲取與之比較的位置，因爲如果完全滾動到底部，這會給出頁面頂部所在的位置。

Answer 2

的scrollTop值永遠不會高達原稿的高度值。這意味着您滾動瀏覽文檔以至於它都在窗口之外。

比較scrollTop到窗口高度將只是意味着你有一個滾動屏幕朝下，而不是文件的底部。

從文檔高度中減去窗口高度會得到scrollTop的值，當窗口底部位於文檔底部時。

Answer 3

$(window).scrollTop()是窗口相對於文檔的頂部的位置。在我現在看到的頁面上，如果我滾動到最底部，那就是1385。 $(document).height()是整個頁面的高度（對我來說是1991）。 $（window）.height（）是窗口的高度（視口）（606）。這意味着視口頂部的位置加上窗口的高度是視口的位置底部。 1385 + 606 = 1991。