jQuery窗口、文檔、網(wǎng)頁(yè)各種高度的精確理解
$(document).height():整個(gè)網(wǎng)頁(yè)的高度
$(window).height():瀏覽器可視窗口的高度
$(window).scrollTop():瀏覽器可視窗口頂端距離網(wǎng)頁(yè)頂端的高度(垂直偏移)
用一句話理解就是:當(dāng)網(wǎng)頁(yè)滾動(dòng)條拉到最低端時(shí),$(document).height() == $(window).height() + $(window).scrollTop()。
當(dāng)網(wǎng)頁(yè)高度不足瀏覽器窗口時(shí)$(document).height()返回的是$(window).height()。
不建議使用$("html").height()、$("body").height()這樣的高度。
原因:
$("body").height():body可能會(huì)有邊框,獲取的高度會(huì)比$(document).height()小;
$("html").height():在不同的瀏覽器上獲取的高度的意義會(huì)有差異,說(shuō)白了就是瀏覽器不兼容。
$(window).height()值有問(wèn)題,返回的不是瀏覽器窗口的高度?
- iframe里面的元素觸發(fā)父窗口元素事件的jquery代碼
- Jquery仿IGoogle實(shí)現(xiàn)可拖動(dòng)窗口示例代碼
- jQuery實(shí)現(xiàn)的Div窗口震動(dòng)特效
- 自定義jquery模態(tài)窗口插件無(wú)法在頂層窗口顯示問(wèn)題
- jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)提示信息的地圖熱點(diǎn)效果
- jQuery實(shí)現(xiàn)鼠標(biāo)劃過(guò)修改樣式的方法
- Jquery實(shí)現(xiàn)鼠標(biāo)移動(dòng)放大圖片功能實(shí)例
- jQuery實(shí)現(xiàn)鼠標(biāo)懸停顯示提示信息窗口的方法
相關(guān)文章
JQuery給元素添加/刪除節(jié)點(diǎn)比如select
本教程詳細(xì)介紹下jQuery添加/刪除Select的Option項(xiàng),感興趣的各位可以參考下哈2013-04-04jquery picswitch圖片焦點(diǎn)圖展示效果
jquery pictureswitch制作圖片展示效果實(shí)現(xiàn)代碼,對(duì)于想用jquery實(shí)現(xiàn)焦點(diǎn)圖效果的朋友可以參考下。2010-05-05jQuery實(shí)現(xiàn)類(lèi)似淘寶購(gòu)物車(chē)全選狀態(tài)示例
今天寫(xiě)了個(gè)類(lèi)似淘寶購(gòu)物車(chē)全選狀態(tài),看下截圖,效果還不錯(cuò)吧,具體的實(shí)現(xiàn)html及jQuery代碼如下,感興趣的朋友可以參考下哈2013-06-06jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實(shí)現(xiàn)代碼
本篇文章主要是對(duì)jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實(shí)現(xiàn)代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02jQuery EasyUI開(kāi)發(fā)技巧總結(jié)
這篇文章主要介紹了jQuery EasyUI開(kāi)發(fā)技巧總結(jié)的相關(guān)資料,希望通過(guò)本文大家能夠掌握EasyUI的開(kāi)發(fā)技巧,需要的朋友可以參考下2017-09-09jquery的ajax從純真網(wǎng)(cz88.net)獲取IP地址對(duì)應(yīng)地區(qū)名
使用jquery的ajax,輕松從純真網(wǎng)(cz88.net)獲取IP地址對(duì)應(yīng)地區(qū)名2009-12-12jquery如何把數(shù)組變?yōu)樽址畟鞯椒?wù)端并處理
這篇文章主要介紹了jquery如何把數(shù)組變?yōu)樽址畟鞯椒?wù)端并處理,需要的朋友可以參考下2014-04-04