jQuery窗口、文檔、網(wǎng)頁各種高度的精確理解
更新時間：2014年07月02日 16:06:13 投稿：whsnow
這篇文章主要幫助大家快速理解jQuery瀏覽器窗口、網(wǎng)頁文檔及可視窗口的各種高度,需要的朋友可以參考下
$(document).height()：整個網(wǎng)頁的高度
$(window).height()：瀏覽器可視窗口的高度
$(window).scrollTop()：瀏覽器可視窗口頂端距離網(wǎng)頁頂端的高度（垂直偏移）
用一句話理解就是：當(dāng)網(wǎng)頁滾動條拉到最低端時，$(document).height() == $(window).height() + $(window).scrollTop()。
當(dāng)網(wǎng)頁高度不足瀏覽器窗口時$(document).height()返回的是$(window).height()。
不建議使用$("html").height()、$("body").height()這樣的高度。
原因：
$("body").height()：body可能會有邊框，獲取的高度會比$(document).height()?。?br />
$("html").height()：在不同的瀏覽器上獲取的高度的意義會有差異，說白了就是瀏覽器不兼容。
$(window).height()值有問題，返回的不是瀏覽器窗口的高度？
您可能感興趣的文章:
相關(guān)文章
JQuery給元素添加/刪除節(jié)點(diǎn)比如select
本教程詳細(xì)介紹下jQuery添加/刪除Select的Option項(xiàng)，感興趣的各位可以參考下哈2013-04-04
今天小編就為大家分享一篇關(guān)于jQuery AJAX與jQuery事件的分析講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-02-02
jquery picswitch圖片焦點(diǎn)圖展示效果
jquery pictureswitch制作圖片展示效果實(shí)現(xiàn)代碼，對于想用jquery實(shí)現(xiàn)焦點(diǎn)圖效果的朋友可以參考下。2010-05-05
jQuery實(shí)現(xiàn)類似淘寶購物車全選狀態(tài)示例
今天寫了個類似淘寶購物車全選狀態(tài)，看下截圖，效果還不錯吧，具體的實(shí)現(xiàn)html及jQuery代碼如下，感興趣的朋友可以參考下哈2013-06-06
jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實(shí)現(xiàn)代碼
本篇文章主要是對jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實(shí)現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
本文主要是講解和學(xué)習(xí)jQuery的自動顯隱，漸入漸出、飛入飛出、自定義動畫等。非常詳細(xì)，這里推薦給有需要的小伙伴。2015-02-02
這篇文章主要介紹了jQuery EasyUI開發(fā)技巧總結(jié)的相關(guān)資料,希望通過本文大家能夠掌握EasyUI的開發(fā)技巧，需要的朋友可以參考下2017-09-09
jquery的ajax從純真網(wǎng)(cz88.net)獲取IP地址對應(yīng)地區(qū)名
使用jquery的ajax，輕松從純真網(wǎng)(cz88.net)獲取IP地址對應(yīng)地區(qū)名2009-12-12
jQuery 獲取URL的GET參數(shù)值的小例子，需要的朋友可以參考一下2013-04-04
jquery如何把數(shù)組變?yōu)樽址畟鞯椒?wù)端并處理
這篇文章主要介紹了jquery如何把數(shù)組變?yōu)樽址畟鞯椒?wù)端并處理,需要的朋友可以參考下2014-04-04