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

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

WBOY
WBOY原創
2016-05-16 16:42:421016瀏覽

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn