文章簡(jiǎn)介：獲取頁(yè)面可視區(qū)域高度，獲取頁(yè)面高度，獲取滾動(dòng)條滾動(dòng)上去的頁(yè)面高度.

function getWH(){ var wh = {}; "Height Width".replace(/[^/s]+/g,function(a){ var b = a.toLowerCase(); wh[b]=window["inner".concat(a)] document.compatMode ==="css1Compat" && document.documentElement["client".concat(a)] document.body["client".concat(a)]; }); return wh; } 了解兩個(gè)名詞：BackCompat 標(biāo)準(zhǔn)兼容模式關(guān)閉(怪異模式) CSS1Compat 標(biāo)準(zhǔn)兼容模式開(kāi)啟 這個(gè)方法為獲取頁(yè)面可視區(qū)域的高度，普通情況下，window.innerHeight 即可獲取，如果是正常模式，并且有clientHeight的情況下， document.documentElement.clientHeight 獲取的就是可視區(qū)域高度。在怪異模式下，是使用document.body獲取。

function getBodyWH(){ var wh = {}; "Height Width".replace(/[^/s]+/g,function(a){ var b = a.toLowerCase(); wh[b]=document.compatMode ==="CSS1Compat" && document.documentElement["scroll".concat(a)] document.body["scroll".concat(a)]; }); return wh; } 這個(gè)為獲取頁(yè)面的高度，用于iframe的自適應(yīng)時(shí)候獲取。

var ss = {}; ss.scrollTopFn = function(arg){ var a = navigator.userAgent.toLowerCase().indexof("webkit");//判斷webkit內(nèi)核 var scrollTop; if(a>-1document.compatMode =="BackCompat"){ this.scrollTopFn =function(arg){ if(typeof arg == 'number'){ document.body.scrollTop = arg; }else{ return document.body.scrollTop; } } }else{ this.scrollTopFn =function(arg){ if(typeof arg == 'number'){ document.documentElement.scrollTop = arg; }else{ return document.documentElement.scrollTop; } } } return this.scrollTopFn.apply(this,arguments); } 這個(gè)返回scrollTop 即滾動(dòng)上去的頁(yè)面的高度，因?yàn)樵趙ebkit內(nèi)核下渲染的都是使用body，所以和上面兩個(gè)判斷是不一樣的。在怪異模式下同樣是用body。其他情況都是用documentElment。 這些玩意蠻煩的，今天弄了一天才總結(jié)出來(lái)了這么些，網(wǎng)上查找也沒(méi)找到特別標(biāo)準(zhǔn)的說(shuō)法，就一個(gè)個(gè)自己試了下，寫(xiě)了幾個(gè)函數(shù)以供以后使用。有人如果有更好的判斷方法的話，還望告知，謝謝！

歡迎大家閱讀《網(wǎng)頁(yè)制作技巧:獲取頁(yè)面可視區(qū)域的高度_css》,跪求各位點(diǎn)評(píng),若覺(jué)得好的話請(qǐng)收藏本文，by 搞代碼

微信 賞一包辣條吧~

支付寶 賞一聽(tīng)可樂(lè)吧~

總結(jié)

以上是生活随笔為你收集整理的php获取页面的可视内容高度,网页制作技巧:获取页面可视区域的高度_css的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。