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 相关文章推荐
JQuery 动态扩展对象之另类视角
May 25 Javascript
javascript 全等号运算符使用说明
May 31 Javascript
JSON 数字排序多字段排序介绍
Sep 18 Javascript
jQuery限制图片大小的方法
May 25 Javascript
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
axios发送post请求,提交图片类型表单数据方法
Mar 16 Javascript
详解webpack4升级指南以及从webpack3.x迁移
Jun 12 Javascript
详解Webpack loader 之 file-loader
Nov 07 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
Mar 19 Javascript
Vue学习之组件用法实例详解
Jan 06 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
Jun 02 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
Ajax PHP 边学边练 之三 数据库
2009/11/26 PHP
PHP使用适合阅读的格式显示文件大小的方法
2015/03/05 PHP
php判断对象是派生自哪个类的方法
2015/06/20 PHP
Yii使用Captcha验证码的方法
2015/12/28 PHP
详解Yii2 rules 的验证规则
2016/12/02 PHP
PHP实现的curl批量请求操作示例
2018/06/06 PHP
addRule在firefox下的兼容写法
2006/11/30 Javascript
漂亮的widgets,支持换肤和后期开发新皮肤
2007/04/23 Javascript
二行代码解决全部网页木马
2008/03/28 Javascript
jquery 学习之二 属性(html()与html(val))
2010/11/25 Javascript
js中的如何定位固定层的位置
2014/06/15 Javascript
javascript数据结构与算法之检索算法
2015/04/04 Javascript
利用node.js如何创建子进程详解
2017/12/09 Javascript
vue动态改变背景图片demo分享
2018/09/13 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
2018/09/17 Javascript
微信小程序实现富文本图片宽度自适应的方法
2019/01/20 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
2019/06/03 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
如何使用gpu.js改善JavaScript的性能
2020/12/01 Javascript
vue实现树状表格效果
2020/12/29 Vue.js
Python单元测试框架unittest使用方法讲解
2015/04/13 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
Python字典深浅拷贝与循环方式方法详解
2020/02/09 Python
Python logging模块异步线程写日志实现过程解析
2020/06/30 Python
手把手教你用纯css3实现轮播图效果实例
2017/05/04 HTML / CSS
浅谈HTML5新增及移除的元素
2016/06/27 HTML / CSS
自我鉴定标准格式
2014/03/19 职场文书
《卖木雕的少年》教学反思
2014/04/11 职场文书
迎七一演讲稿
2014/09/12 职场文书
山东省召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
2015大学生党员自我评价范文
2015/03/03 职场文书
2016年教师节慰问信
2015/12/01 职场文书
Golang中异常处理机制详解
2021/06/08 Golang
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android
nginx之内存池的实现
2022/06/28 Servers
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技