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获取下拉列表的值为null的解决方法
Mar 18 Javascript
深入理解jQuery中live与bind方法的区别
Dec 18 Javascript
jquery清空表单数据示例分享
Feb 13 Javascript
使用jquery组件qrcode生成二维码及应用指南
Feb 22 Javascript
jQuery控制Div拖拽效果完整实例分析
Apr 15 Javascript
js去除浏览器默认底图的方法
Jun 08 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
May 16 Javascript
jQuery实现的简单悬浮层功能完整实例
Jan 23 Javascript
js is_valid_filename验证文件名的函数
Jul 19 Javascript
详解Javascript 中的 class、构造函数、工厂函数
Dec 20 Javascript
jquery+ajaxform+springboot控件实现数据更新功能
Jan 22 jQuery
JavaScript实现动态生成表格
Aug 02 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/06/14 PHP
PHP Zip压缩 在线对文件进行压缩的函数
2010/05/26 PHP
ajax php传递和接收变量实现思路及代码
2012/12/19 PHP
PHP文件操作方法汇总
2015/07/01 PHP
yii实现model添加默认值的方法(2种方法)
2016/01/06 PHP
jquery插件jbox使用iframe关闭问题
2009/02/09 Javascript
浅谈javascript对象模型和function对象
2014/12/26 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
2016/10/10 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
2017/01/13 Javascript
原生JavaScript实现AJAX、JSONP
2017/02/07 Javascript
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
2017/08/18 jQuery
vue项目每30秒刷新1次接口的实现方法
2018/12/04 Javascript
详解javascript函数写法大全
2019/03/25 Javascript
js prototype和__proto__的关系是什么
2019/08/23 Javascript
解决layui-open关闭自身窗口的问题
2019/09/10 Javascript
JavaScript运行机制实例分析
2020/04/11 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
2020/07/26 Javascript
归纳整理Python中的控制流语句的知识点
2015/04/14 Python
python3第三方爬虫库BeautifulSoup4安装教程
2018/06/19 Python
Python简直是万能的,这5大主要用途你一定要知道!(推荐)
2019/04/03 Python
python 实现简易的记事本
2020/11/30 Python
Pandas数据分析的一些常用小技巧
2021/02/07 Python
深入解析HTML5的IndexedDB索引数据库
2015/09/14 HTML / CSS
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
管理科学大学生求职信
2013/11/13 职场文书
绿化先进工作者事迹材料
2014/01/30 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
个人委托书怎么写
2014/09/17 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
餐厅营销的秘密:为什么老顾客会流水?
2019/08/08 职场文书
使用Python脚本对GiteePages进行一键部署的使用说明
2021/05/27 Python
MySQL 数据类型详情
2021/11/11 MySQL
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS
《传颂之物 虚伪的假面》BD发售宣传CM公开
2022/04/04 日漫