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

时间:2021-01-27 10:27:43
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"; 

您可能感兴趣的文章: