$(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()值有問題,返回的不是浏覽器窗口的高度?