javascript 獲取頁(yè)面的高度及滾動(dòng)條的位置的代碼
更新時(shí)間：2010年05月06日 21:14:38 作者：
javascript獲取頁(yè)面的高度及滾動(dòng)條的位置的代碼，需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
var Viewport={
top : function(){
return window.pageYOffset
|| document.documentElement && document.documentElement.scrollTop
|| document.body.scrollTop;
},
height : function(){
return window.innerHeight
|| document.documentElement && document.documentElement.clientHeight
|| document.body.clientHeight;
},
left : function(){
return window.pageXOffset
|| document.documentElement && document.documentElement.scrollLeft
|| document.body.scrollLeft;
},
width : function(){
return window.innerWidth
|| document.documentElement && document.documentElement.clientWidth
|| document.body.clientWidth;
},
right : function(){
return Viewport.left() + Viewport.width();
},
bottom : function(){
return Viewport.top() + Viewport.height();
}
};
居中：
復(fù)制代碼 代碼如下:
style.position="absolute";
style.left=50%;
style.top=Viewport.Top()+Viewport.Height()/2+"px";
相關(guān)文章
Javascript中數(shù)組sort和reverse用法分析
這篇文章主要介紹了Javascript中數(shù)組sort和reverse用法,實(shí)例分析了sort和reverse使用時(shí)的注意事項(xiàng)與相關(guān)技巧,具有不錯(cuò)的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
Bootstrap分頁(yè)插件之Bootstrap Paginator實(shí)例詳解
Bootstrap Paginator是一款基于Bootstrap的js分頁(yè)插件，功能很豐富，個(gè)人覺(jué)得這款插件已經(jīng)無(wú)可挑剔了，感興趣的朋友跟著腳本之家小編一起學(xué)習(xí)吧2016-10-10
使用UrlConnection實(shí)現(xiàn)后臺(tái)模擬http請(qǐng)求的簡(jiǎn)單實(shí)例
這篇文章主要介紹了使用UrlConnection實(shí)現(xiàn)后臺(tái)模擬http請(qǐng)求的簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-01-01
本文給大家介紹的是去年很火的一款小游戲--2048用javascript實(shí)現(xiàn)的思路以及代碼，有需要的小伙伴可以參考下。2015-07-07
本文主要分享了原生js實(shí)現(xiàn)放大鏡效果的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
bootstrap datepicker限定可選時(shí)間范圍實(shí)現(xiàn)方法
這篇文章主要介紹了bootstrap datepicker限定可選時(shí)間范圍的實(shí)現(xiàn)方法，本文涉及到相關(guān)知識(shí)點(diǎn)，通過(guò)實(shí)例給大家介紹的非常詳細(xì),需要的朋友可以參考下2016-09-09
上半年自學(xué)了JavaScript，然后就做了個(gè)打字小游戲玩玩2011-12-12
解決JS無(wú)法調(diào)用Controller問(wèn)題的方法
這篇文章主要介紹了解決JS無(wú)法調(diào)用Controller問(wèn)題的方法,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了全面解析Javascript無(wú)限添加QQ好友原理的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
本篇文章只要是對(duì)JS判斷兩個(gè)時(shí)間大小的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01