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


Posted in Javascript onMay 06, 2010
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 相关文章推荐
js如何设置在iframe框架中指定div不显示
Dec 04 Javascript
javascript函数式编程程序员的工具集
Oct 11 Javascript
对jQuary选择器的全面总结
Jun 20 Javascript
浅析Bootstrap表格的使用
Jun 23 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
Dec 26 Javascript
基于JavaScript实现多级菜单效果
Jul 25 Javascript
详解Vue中一种简易路由传参办法
Sep 15 Javascript
C#实现将一个字符转换为整数
Dec 12 Javascript
从零开始搭建一个react项目开发
Feb 09 Javascript
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
javascript严格模式详解(含严格模式与非严格模式的区别)
Nov 12 Javascript
react 原生实现头像滚动播放的示例
Apr 21 Javascript
屏蔽F1~F12的快捷键的js函数
May 06 #Javascript
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
May 06 #Javascript
picChange 图片切换特效的函数代码
May 06 #Javascript
JS 自定义函数缺省值的设置方法
May 05 #Javascript
JSQL 批量图片切换的实现代码
May 05 #Javascript
JSQL 基于客户端的成绩统计实现方法
May 05 #Javascript
JSQL SQLProxy 的 php 版本代码
May 05 #Javascript
You might like
php 魔术方法使用说明
2009/10/20 PHP
使用GROUP BY的时候如何统计记录条数 COUNT(*) DISTINCT
2011/04/23 PHP
php去掉URL网址中带有PHPSESSID的配置方法
2014/07/08 PHP
简单实用的网站PHP缓存类实例
2014/07/18 PHP
js 实现打印网页中定义的部分内容的代码
2010/04/01 Javascript
JavaScript实现N皇后问题算法谜题解答
2014/12/29 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
2016/03/06 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
2016/05/24 Javascript
AngularJS指令详解及示例代码
2016/08/16 Javascript
jQuery实现倒计时(倒计时年月日可自己输入)
2016/12/02 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
2017/08/08 jQuery
Angular数据绑定机制原理
2018/04/17 Javascript
javascript设计模式 ? 代理模式原理与用法实例分析
2020/04/16 Javascript
微信小程序的引导页实现代码
2020/06/24 Javascript
Vue组件通信$attrs、$listeners实现原理解析
2020/09/03 Javascript
vue项目开启Gzip压缩和性能优化操作
2020/10/26 Javascript
node使用async_hooks模块进行请求追踪
2021/01/28 Javascript
[03:07]【DOTA2亚洲邀请赛】我们,梦开始的地方
2017/03/07 DOTA
详解Python中的多线程编程
2015/04/09 Python
Python使用numpy实现BP神经网络
2018/03/10 Python
Python内置函数reversed()用法分析
2018/03/20 Python
理想高通滤波实现Python opencv示例
2019/01/30 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
使用OpenCV实现仿射变换—缩放功能
2019/08/29 Python
Django 博客实现简单的全文搜索的示例代码
2020/02/17 Python
Pycharm打开已有项目配置python环境的方法
2020/07/03 Python
opencv 图像轮廓的实现示例
2020/07/08 Python
使用Python绘制台风轨迹图的示例代码
2020/09/21 Python
python中判断数字是否为质数的实例讲解
2020/12/06 Python
CSS3制作ajax loader icon实现思路及代码
2013/08/25 HTML / CSS
世界最大的票务市场:viagogo
2017/02/16 全球购物
业务代表的岗位职责
2013/11/16 职场文书
大学生标准推荐信范文
2013/11/25 职场文书
内容编辑个人求职信
2013/12/10 职场文书
挖掘机司机岗位职责
2014/02/12 职场文书
推荐信模板
2014/05/09 职场文书