正文

javascript 获取页面的高度及滚动条的位置的代码

IP云
IP云V管理员/4 阅读
06/22
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

http://www.jb51.net/article/23331.htm

javascript 获取页面的高度及滚动条的位置的代码

作者： 字体：[增加 减小] 类型：转载
 
javascript获取页面的高度及滚动条的位置的代码，需要的朋友可以参考下。
 
 
复制代码代码如下:
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(); 
} 
}; 

居中：

复制代码代码如下:
style.position="absolute"; 
style.left=50%; 
style.top=Viewport.Top()+Viewport.Height()/2+"px"; 

您可能感兴趣的文章: