jQuery窗口、文檔、網頁各種高度的精確理解_jquery
來源：懂視網
責編：小采
時間：2020-11-27 21:25:08
jQuery窗口、文檔、網頁各種高度的精確理解_jquery
jQuery窗口、文檔、網頁各種高度的精確理解_jquery:$(document).height()：整個網頁的高度 $(window).height()：瀏覽器可視窗口的高度 $(window).scrollTop()：瀏覽器可視窗口頂端距離網頁頂端的高度（垂直偏移） 用一句話理解就是：當網頁滾動條拉到最低端時，$(document).height() ==
導讀jQuery窗口、文檔、網頁各種高度的精確理解_jquery:$(document).height()：整個網頁的高度 $(window).height()：瀏覽器可視窗口的高度 $(window).scrollTop()：瀏覽器可視窗口頂端距離網頁頂端的高度（垂直偏移） 用一句話理解就是：當網頁滾動條拉到最低端時，$(document).height() ==
$(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()值有問題，返回的不是瀏覽器窗口的高度？
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jQuery窗口、文檔、網頁各種高度的精確理解_jquery
jQuery窗口、文檔、網頁各種高度的精確理解_jquery:$(document).height()：整個網頁的高度 $(window).height()：瀏覽器可視窗口的高度 $(window).scrollTop()：瀏覽器可視窗口頂端距離網頁頂端的高度（垂直偏移） 用一句話理解就是：當網頁滾動條拉到最低端時，$(document).height() ==
