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 相关文章推荐
才发现的超链接js导致网页中GIF动画停止的解决方法
Nov 02 Javascript
javascript的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
May 20 Javascript
JS关键字变色实现思路及代码
Feb 21 Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 Javascript
jQuery简单实现网页选项卡特效
Nov 24 Javascript
网页中JS函数自动执行常用三种方法
Mar 30 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
Aug 18 Javascript
原生JS实现图片轮播切换效果
Dec 15 Javascript
js实现自定义路由
Feb 04 Javascript
Vue Element UI + OSS实现上传文件功能
Jul 31 Javascript
js实现图片无缝循环轮播
Oct 28 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
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
php下批量挂马和批量清马代码
2011/02/27 PHP
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
php数组索引与键值操作技巧实例分析
2015/06/24 PHP
PHP实现浏览器中直接输出图片的方法示例
2018/03/14 PHP
PHP实现的大文件切割与合并功能示例
2018/04/10 PHP
PHP中的Iterator迭代对象属性详解
2019/04/12 PHP
Laravel Eloquent ORM 实现查询表中指定的字段
2019/10/17 PHP
js Event对象的5种坐标
2011/09/12 Javascript
JavaScript学习笔记记录我的旅程
2012/05/23 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
2016/04/05 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
2016/12/14 Javascript
详解nodejs中的process进程
2017/03/19 NodeJs
js简单实现网页换肤功能
2017/04/07 Javascript
AngularJS读取JSON及XML文件的方法示例
2017/05/25 Javascript
Vue resource中的GET与POST请求的实例代码
2017/07/21 Javascript
微信小程序左滑动显示菜单功能的实现
2018/06/14 Javascript
js拖动滑块和点击水波纹效果实例代码
2018/10/16 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
Python学习之Anaconda的使用与配置方法
2018/01/04 Python
Python面向对象程序设计OOP入门教程【类,实例,继承,重载等】
2019/01/05 Python
python实现浪漫的烟花秀
2019/01/30 Python
解决python中导入win32com.client出错的问题
2019/07/26 Python
Pycharm中配置远程Docker运行环境的教程图解
2020/06/11 Python
python获取命令行参数实例方法讲解
2020/11/02 Python
CSS3的Flexbox布局的简明入门指南
2016/04/08 HTML / CSS
比利时网上药店: Drogisterij.net
2017/03/17 全球购物
视图的作用
2014/12/19 面试题
Hibernate持久层技术
2013/12/16 面试题
冰淇淋店的创业计划书
2014/02/07 职场文书
财务负责人任命书
2014/06/06 职场文书
cf战队收人口号
2014/06/21 职场文书
离职报告范文
2014/11/04 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
python Polars库的使用简介
2021/04/21 Python
Linux中一对多配置日志服务器的详细步骤
2022/07/23 Servers