$(window).height() 和 $(document).height()的區別
$(window).height()代表了當前可見區域的大小，
$(document).height()則代表了整個文檔的高度，可視具體情況使用.
當瀏覽器窗口大小改變時(如最大化或拉大窗口后) ，
$(window).height() 隨之改變，但是 $(document).height()是不變的。
粗糙的舉例：
瀏覽器頁面高度為1360px，$(window).height()最高為1360px，還可以調整頁面窗口縮小頁面高度值。
此時頁面有1w行文本，占用了3萬px像素，這時候$(document).height()是3萬px，不管怎么調整頁面窗口，這個值都是不變的。
============================
$(document).scrollTop() 獲取垂直滾動的距離 (即當前滾動的地方的窗口頂端到整個頁面頂端的距離)
$(document).scrollLeft() 這是獲取水平滾動條的距離
要獲取頂端 只需要獲取到$(this).scrollTop()==0的時候 就是頂端了
要獲取底端 只要獲取scrollTop()>=$(document).height()-$(window).height() 就可以知道已經滾動到底端了
或者
$(document).scrollTop() + $(window).height() = $(document).height()
也就是：
頁面窗口高度+滾動的高度 = 文檔文本高度
============================
注意：如果 $(window).height() 獲取的不是窗口的高度而是文檔文本高度，
也就是$(window).height()和$(document).height返回值一樣
那就是因為DOCTYPE沒寫造成的。
請檢查html標簽，<html>改成<!DOCTYPE html>，就OK了。