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 相关文章推荐
asp.net下利用js实现返回上一页的实现方法小集
Nov 24 Javascript
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
百度地图api应用标注地理位置信息(js版)
Feb 01 Javascript
ExtJS下 Ext.Direct加载和提交过程排错小结
Apr 02 Javascript
防止xss和sql注入:JS特殊字符过滤正则
Apr 18 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
Apr 16 Javascript
JavaScript学习笔记整理_setTimeout的应用
Sep 19 Javascript
Javascript 对cookie操作详解及实例
Dec 29 Javascript
详解Node.js 命令行程序开发教程
Jun 07 Javascript
分析JavaScript数组操作难点
Dec 18 Javascript
微信小程序自定义组件之可清除的input组件
Jul 17 Javascript
node.js express捕获全局异常的三种方法实例分析
Dec 27 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中的phpinfo()函数
2013/06/06 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
PHP生成图片验证码功能示例
2017/01/12 PHP
Laravel 批量更新多条数据的示例
2017/11/27 PHP
解决php extension 加载顺序问题
2019/08/16 PHP
javascript 命名空间以提高代码重用性
2008/11/13 Javascript
window.name代替cookie的实现代码
2010/11/28 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
2013/06/24 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
2013/11/28 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
2014/09/17 Javascript
JavaScript中的值类型详细介绍
2014/12/29 Javascript
基于jQuery实现搜索关键字自动匹配功能
2020/03/26 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
vue-cli项目中怎么使用mock数据
2017/09/27 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
仿vue-cli搭建属于自己的脚手架的方法步骤
2019/04/17 Javascript
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
2020/06/11 Javascript
Vue实现随机验证码功能
2020/12/29 Vue.js
浅析Python 中整型对象存储的位置
2016/05/16 Python
python通过opencv实现批量剪切图片
2017/11/13 Python
用tensorflow构建线性回归模型的示例代码
2018/03/05 Python
Python3转换html到pdf的不同解决方案
2019/03/11 Python
python识别文字(基于tesseract)代码实例
2019/08/24 Python
keras得到每层的系数方式
2020/06/15 Python
JavaScript+Canvas实现自定义画板的示例代码
2019/05/13 HTML / CSS
软件测试企业面试试卷
2016/07/13 面试题
最新大学生创业计划书写作攻略
2014/04/02 职场文书
酒店节能减排方案
2014/05/26 职场文书
高三霸气励志标语
2014/06/24 职场文书
重阳节活动总结
2014/08/27 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
python中pandas.read_csv()函数的深入讲解
2021/03/29 Python
Matplotlib绘制条形图的方法你知道吗
2022/03/21 Python
使用HBuilder制作一个简单的HTML5网页
2022/07/07 HTML / CSS