码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2015-05-29 13:30:26      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:

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"; 

您可能感兴趣的文章:

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

标签:

原文地址:http://www.cnblogs.com/jcz1206/p/4537969.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!