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 相关文章推荐
javascript事件问题
Sep 05 Javascript
js+css实现的简单易用兼容好的分页
Dec 30 Javascript
vue2.0+webpack环境的构造过程
Nov 08 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
Jan 17 Javascript
微信小程序实战之上拉(分页加载)效果(2)
Apr 17 Javascript
JavaScript设计模式之代理模式详解
Jun 09 Javascript
浅谈React 服务器端渲染的使用
May 08 Javascript
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
Vue实现点击显示不同图片的效果
Aug 10 Javascript
javascript设计模式 ? 享元模式原理与用法实例分析
Apr 15 Javascript
JQuery插件tablesorter表格排序实现过程解析
May 28 jQuery
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 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
咖啡知识 咖啡养豆要养多久 排气又是什么
2021/03/06 新手入门
基于PHP异步执行的常用方式详解
2013/06/03 PHP
深入php常用函数的使用汇总
2013/06/08 PHP
使用PHP会话(Session)实现用户登陆功能
2013/06/29 PHP
PHP图片处理之图片背景、画布操作
2014/11/19 PHP
Joomla使用Apache重写模式的方法
2016/05/04 PHP
新浪刚打开页面出来的全屏广告代码
2007/04/02 Javascript
jquery的Theme和Theme Switcher使用小结
2010/09/08 Javascript
javascript延时加载之defer测试
2012/12/28 Javascript
javascript学习(一)构建自己的JS库
2013/01/02 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
2013/01/25 Javascript
jquery获取元素值的方法(常见的表单元素)
2013/11/15 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
2014/01/06 Javascript
js自定义QQ菜单效果
2017/01/10 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
vue在使用ECharts时的异步更新和数据加载详解
2017/11/22 Javascript
JS实现仿微信支付弹窗功能
2018/06/25 Javascript
小程序rich-text组件如何改变内部img图片样式的方法
2019/05/22 Javascript
浅谈JavaScript中你可能不知道URL构造函数的属性
2020/07/13 Javascript
微信小程序用户登录和登录态维护的实现
2020/12/10 Javascript
通过vue.extend实现消息提示弹框的方法记录
2021/01/07 Vue.js
python在linux系统下获取系统内存使用情况的方法
2015/05/11 Python
Python字典操作详细介绍及字典内建方法分享
2018/01/04 Python
django Serializer序列化使用方法详解
2018/10/16 Python
在Pycharm中对代码进行注释和缩进的方法详解
2019/01/20 Python
Django 多对多字段的更新和插入数据实例
2020/03/31 Python
彻底解决Python包下载慢问题
2020/11/15 Python
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
物流专业大学生求职信范文
2013/10/28 职场文书
销售人员自我评价
2014/02/01 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
2016学习医德医风心得体会
2016/01/25 职场文书
如何做好工作总结!
2019/04/10 职场文书
2019年年中职场激励人心语录30条
2019/08/07 职场文书
导游词之藏龙百瀑景区
2019/12/30 职场文书