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下判断一个对象是否具有指定名称的属性的的代码
Jan 11 Javascript
javascript创建和存储cookie示例
Jan 07 Javascript
一些老手都不一定知道的JavaScript技巧
May 06 Javascript
jQuery验证插件 Validate详解
Nov 20 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 Javascript
再谈Javascript中的异步以及如何异步
Aug 19 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
Oct 17 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
Nov 09 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
Feb 15 Javascript
Vue实例中生命周期created和mounted的区别详解
Aug 25 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
Sep 04 Javascript
记一次用ts+vuecli4重构项目的实现
May 21 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 实例化类的一点摘记
2008/03/23 PHP
php继承中方法重载(覆盖)的应用场合
2015/02/09 PHP
深入浅出php socket编程
2015/05/13 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
jQueryUI如何自定义组件实现代码
2010/11/14 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
jQuery中prevAll()方法用法实例
2015/01/08 Javascript
JavaScript File API实现文件上传预览
2016/02/02 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
2016/03/09 Javascript
AngularJS 指令的交互详解及实例代码
2016/09/14 Javascript
浅谈JavaScript的计时器对象
2016/12/26 Javascript
Vue.js系列之项目结构说明(2)
2017/01/03 Javascript
RequireJS 依赖关系的实例(推荐)
2017/01/21 Javascript
nodeJs实现基于连接池连接mysql的方法示例
2018/02/10 NodeJs
vue实现裁切图片同时实现放大、缩小、旋转功能
2018/03/02 Javascript
vue2.0学习之axios的封装与vuex介绍
2018/05/28 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
2018/09/07 Javascript
浅谈redux, koa, express 中间件实现对比解析
2019/05/23 Javascript
JavaScript 自定义html元素鼠标右键菜单功能
2019/12/02 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
Python实现获取操作系统版本信息方法
2015/04/08 Python
python3实现读取chrome浏览器cookie
2016/06/19 Python
Python实现的多线程http压力测试代码
2017/02/08 Python
Python实现爬取马云的微博功能示例
2019/02/16 Python
tensorflow转换ckpt为savermodel模型的实现
2020/05/25 Python
退休党员个人对照检查材料思想汇报
2014/09/29 职场文书
升学宴学生答谢词
2015/01/05 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
初中班主任工作总结2015
2015/05/13 职场文书
停车场管理制度范本
2015/08/05 职场文书
Oracle笔记
2021/04/05 Oracle
PHP中多字节字符串操作实例详解
2021/08/23 PHP
一级电子管军用接收机测评
2022/04/05 无线电
Moment的feature导致线上bug解决分析
2022/09/23 Javascript