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的获得各种控件Value的方法
Nov 19 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
Dec 29 Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
Javascript优化技巧之短路表达式详细介绍
Mar 27 Javascript
JS选项卡动态替换banner图片路径的方法
May 11 Javascript
Iscrool下拉刷新功能实现方法(推荐)
Jun 26 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
微信小程序实现基于三元运算验证手机号/姓名功能示例
Jan 19 Javascript
js键盘事件实现人物的行走
Jan 17 Javascript
vue微信分享插件使用方法详解
Feb 18 Javascript
nuxt引入组件和公共样式的操作
Nov 05 Javascript
vue 图片裁剪上传组件的实现
Nov 12 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代码
2010/02/16 PHP
PHP语法小结之基础和变量
2015/11/22 PHP
PHP二维索引数组的遍历实例分析【2种方式】
2019/06/24 PHP
JavaScript中this关键字使用方法详解
2007/03/08 Javascript
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
javascript客户端解决方案 缓存提供程序
2010/07/14 Javascript
js如何获取file控件的完整路径具体实现代码
2013/05/15 Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
2013/08/14 Javascript
脚本合并提升javascript性能示例
2014/02/24 Javascript
jQuery.holdReady()方法用法实例
2014/12/27 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
JavaScript包装对象使用详解
2015/07/09 Javascript
JS如何实现文本框随文本的长度而增长
2015/07/30 Javascript
JavaScript学习小结(7)之JS RegExp
2015/11/29 Javascript
Node.js 应用跑得更快 10 个技巧
2016/04/03 Javascript
Jquery中map函数的用法
2016/06/03 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
2016/08/15 Javascript
基于JavaScript实现的插入排序算法分析
2017/04/14 Javascript
vue组件学习教程
2017/09/09 Javascript
bootstrap select下拉搜索插件使用方法详解
2017/11/23 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
2019/02/10 Javascript
JQuery的加载和选择器用法简单示例
2019/05/13 jQuery
详解vue页面首次加载缓慢原因及解决方案
2019/11/06 Javascript
python执行外部程序的常用方法小结
2015/03/21 Python
在Python中使用sort()方法进行排序的简单教程
2015/05/21 Python
对pandas写入读取h5文件的方法详解
2018/12/28 Python
如何利用python读取micaps文件详解
2020/10/18 Python
虚拟环境及venv和virtualenv的区别说明
2021/02/05 Python
Html5画布_动力节点Java学院整理
2017/07/13 HTML / CSS
幼儿园大班新学期寄语
2014/01/18 职场文书
团日活动总结范文
2014/04/25 职场文书
企业职业病防治方案
2014/05/29 职场文书
工地安全质量标语
2014/06/07 职场文书
医院义诊活动总结
2014/07/04 职场文书
小学一年级数学教学反思
2016/02/16 职场文书