(document).height()與$(window).height()

  jQuery(window).height()代表了當前可見區域的大小，而jQuery(document).height()則代表了整個文檔的高度，可視具體情況使用.

  注意當瀏覽器窗口大小改變時(如最大化或拉大窗口后) jQuery(window).height() 隨之改變，但是jQuery(document).height()是不變的。

 

$(document).scrollTop() 獲取垂直滾動的距離  即當前滾動的地方的窗口頂端到整個頁面頂端的距離
$(document).scrollLeft() 這是獲取水平滾動條的距離

要獲取頂端 只需要獲取到scrollTop()==0的時候  就是頂端了

要獲取底端 只要獲取scrollTop()>=$(document).height()-$(window).height()  就可以知道已經滾動到底端了

$(document).height()  //是獲取整個頁面的高度
$(window).height()  //是獲取當前 也就是你瀏覽器所能看到的頁面的那部分的高度  這個大小在你縮放瀏覽器窗口大小時 會改變 與document是不一樣的  根據英文應該也能理解吧

自己做個實驗就知道了 
$(document).scroll(function(){
    $("#lb").text($(document).scrollTop());
})
<span id="lb" style="top:100px;left:100px;position:fixed;"></span><!--一個固定的span標記 滾動時方便查看-->