javascript 获取页面的高度及滚动条的位置的代码
更新时间：2010年05月06日 21:14:38 作者：
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";
相关文章
这篇文章主要为大家详细介绍了pc加载更多功能和移动端下拉刷新加载数据,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
点击按钮或链接时不跳转只刷新页面，在某些情况下还是比较实用的，下面整理些不错的示例，感兴趣的朋友可以参考下2013-10-10
这篇文章主要介绍了JS实现简单的二维矩阵乘积运算方法,涉及JavaScript基于数组操作实现矩阵运算的功能,需要的朋友可以参考下2016-01-01
这篇文章主要为大家介绍了JavaScript函数的使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
这篇文章主要介绍了JavaScript判断浏览器类型的方法,可实现针对IE、火狐、谷歌等浏览器的判断,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
如何解决attachEvent函数时，this指向被绑定的元素的问题？
如何解决attachEvent函数时，this指向被绑定的元素的问题？...2007-04-04
帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）
这篇文章主要介绍了详解帮你彻底搞懂JS中的prototype、__proto__与constructor（图解），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
本篇文章主要是对屏蔽相应键盘按钮的操作代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
'eval'函数是javascript中的一个内置函数,它的主要作用是将传入的字符串作为代码来执行,这篇文章主要介绍了为什么js中不推荐使用eval函数,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了JS实现的tab切换并显示相应内容模块功能,结合实例形式分析了JavaScript基于事件响应、元素遍历实现页面tab切换功能相关操作技巧,需要的朋友可以参考下2019-08-08
最新评论