jquery獲取視窗高度的方法

2021-07-07 09:47:31 字數 473 閱讀 1105

$(window).height() 獲取的是當前可視視窗的高度,也就是使用者能看到的視窗的高度,是不變的(在視窗大小不變的前提下)

$(document).height() 獲取的是視窗內文件的高度,這個高度隨著文件內容的高度改變而改變

當視窗滾動條滾到最低端時,$(document).height() == $(window).height() + $(window).scrolltop()。

當視窗內文件高度不足瀏覽器視窗高度時,$(document).height()返回的是$(window).height()。

$("body").height() 如果body沒有border、margin的話,$("body").height()==$(document).height(),但是還是不建議使用這種方式去獲取文件內容高度

ps:如果你發現$(window).height()值有問題,返回的不是瀏覽器視窗的高度,那麼看看是不是網頁沒有加上宣告。

jquery獲取文件高度和視窗高度問題

document height 整個網頁的文件高度 window height 瀏覽器可視視窗的高度 經過測試 無論是視窗高度還是文件高度 其實值是相等的。都會隨著瀏覽器視窗的縮放而變化,注意 ie8下面 獲取到的 document height 文件高度值,比實際高度多4px。比如獲取的是768p...

jquery獲取文件高度和視窗高度的例子

jquery獲取文件高度和視窗高度,document height window height document height 整個網頁的文件高度 window height 瀏覽器可視視窗的高度 window scrolltop 瀏覽器可視視窗頂端距離網頁頂端的高度 垂直偏移 document.b...

jquery獲取高度

div id height 獲得的是該div本身的高度,不包含padding,margin,border div id outerheight 包含該div本身的高度,padding上下的高度,以及border上下的高度 不包含margin的高度 div id outerheight true 包含...