$(document).height():整個網頁的高度
$(window).height():瀏覽器視覺視窗的高度
$(window).scrollTop():瀏覽器視覺視窗頂端距離網頁頂端的高度(垂直偏移)
用一句話理解就是:當網頁捲軸拉到最低端時,$(document).height() == $(window).height() $(window).scrollTop()。
當網頁高度不足瀏覽器視窗時$(document).height()回傳的是$(window).height()。
不建議使用$("html").height()、$("body").height()這樣的高度。
原因:
$("body").height():body可能會有邊框,取得的高度會比$(document).height()小;
$("html").height():在不同的瀏覽器上所獲得的高度的意義會有差異,說白了就是瀏覽器不相容。
$(window).height()值有問題,回傳的不是瀏覽器視窗的高度?