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获取div高度的代码
Aug 09 Javascript
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 Javascript
javascript 新浪背投广告实现代码
Jul 07 Javascript
jquery dialog键盘事件代码
Aug 01 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
Jul 09 Javascript
js左右弹性滚动对联广告代码分享
Feb 19 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
Sep 02 Javascript
transport.js和jquery冲突问题的解决方法
Feb 10 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
May 31 Javascript
基于JavaScript实现本地图片预览
Feb 08 Javascript
Bootstrap按钮组简单实现代码
Mar 06 Javascript
基于原生JS封装的Modal对话框插件的示例代码
Sep 09 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 如何向 MySQL 发送数据
2006/10/09 PHP
PHP下利用shell后台运行PHP脚本,并获取该脚本的Process ID的代码
2011/09/19 PHP
php生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
PHP中new static() 和 new self() 的区别介绍
2015/01/09 PHP
php实现随机显示图片方法汇总
2015/05/21 PHP
Yii2框架BootStrap样式的深入理解
2016/11/07 PHP
PHP排序算法之基数排序(Radix Sort)实例详解
2018/04/21 PHP
PHP实现微信小程序人脸识别刷脸登录功能
2018/05/24 PHP
JS控制阿拉伯数字转为中文大写示例代码
2013/09/04 Javascript
JavaScript中的small()方法使用详解
2015/06/08 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
javascript中利用柯里化函数实现bind方法
2016/04/29 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
2016/05/24 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
2016/11/01 Javascript
JS基于递归实现倒计时效果的方法
2016/11/26 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
JS简单判断函数是否存在的方法
2017/02/13 Javascript
详解Immutable及 React 中实践
2018/03/01 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
2018/04/17 Javascript
node实现登录图片验证码的示例代码
2018/04/20 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
2019/04/25 Javascript
Ajax请求时无法重定向的问题解决代码详解
2019/06/21 Javascript
微信小程序地图实现展示线路
2020/07/29 Javascript
JS实现无限轮播无倒退效果
2020/09/21 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
2020/10/27 Javascript
Vue 使用iframe引用html页面实现vue和html页面方法的调用操作
2020/11/16 Javascript
python 查找文件夹下所有文件 实现代码
2009/07/01 Python
基于django channel实现websocket的聊天室的方法示例
2019/04/11 Python
舞蹈教育学专业推荐信
2013/11/27 职场文书
上课迟到检讨书
2014/01/19 职场文书
电子商务优秀毕业生求职信
2014/07/11 职场文书
2015年保送生自荐信
2015/03/24 职场文书
只需要12页,掌握撰写一流商业计划书的技巧
2019/05/07 职场文书
MySQL CHAR和VARCHAR该如何选择
2021/05/31 MySQL
Python操作CSV格式文件的方法大全
2021/07/15 Python
详细谈谈JavaScript中循环之间的差异
2021/08/23 Javascript