首頁 > web前端 > js教程 > jQuery視窗、文件、網頁各種高度的精確理解_jquery

jQuery視窗、文件、網頁各種高度的精確理解_jquery

WBOY
發布: 2016-05-16 16:42:42
原創
1075 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板