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 相关文章推荐
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
Jan 08 Javascript
常用的JQuery函数及功能小结
Mar 24 Javascript
jquery checkbox的相关操作总结
Oct 17 Javascript
js省市区级联查询(插件版&无插件版)
Mar 21 Javascript
vue调用高德地图实例代码
Apr 28 Javascript
Javascript中的async awai的用法
May 17 Javascript
vue使用drag与drop实现拖拽的示例代码
Sep 07 Javascript
ES7中利用Await减少回调嵌套的方法详解
Nov 01 Javascript
layui的table中显示图片方法
Aug 17 Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
Sep 30 Javascript
Vue 开发必须知道的36个技巧(小结)
Oct 09 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
全国FM电台频率大全 - 30 宁夏回族自治区
2020/03/11 无线电
加速XP搜索功能堪比vista
2007/03/22 PHP
php cookie中点号(句号)自动转为下划线问题
2014/10/21 PHP
[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法
2015/10/09 PHP
WordPres对前端页面调试时的两个PHP函数使用小技巧
2015/12/22 PHP
用jQuery简化JavaScript开发分析
2009/02/19 Javascript
一句话JavaScript表单验证代码
2009/08/02 Javascript
JQuery之拖拽插件实现代码
2011/04/14 Javascript
JS获得URL超链接的参数值实例代码
2013/06/21 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
2013/11/25 Javascript
理解javascript中的原型和原型链
2015/07/30 Javascript
BootStrap智能表单实战系列(六)表单编辑页面的数据绑定
2016/06/13 Javascript
Javascript获取随机数的实现方法
2016/06/22 Javascript
input 禁止输入特殊字符的四种实现方式
2016/08/24 Javascript
JavaScript ES6中CLASS的使用详解
2016/11/22 Javascript
详解Vue.js 2.0 如何使用axios
2017/04/21 Javascript
vue 1.x 交互实现仿百度下拉列表示例
2017/10/21 Javascript
vue-router配合ElementUI实现导航的实例
2018/02/11 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
详解angular2.x创建项目入门指令
2018/10/11 Javascript
JS为什么说async/await是generator的语法糖详解
2019/07/11 Javascript
聊聊Vue中provide/inject的应用详解
2019/11/10 Javascript
[48:00]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第二场 11.04
2020/11/04 DOTA
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
Vue的el-scrollbar实现自定义滚动
2018/05/29 Python
Flask之flask-session的具体使用
2018/07/26 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
pycharm 中mark directory as exclude的用法详解
2020/02/14 Python
对Keras中predict()方法和predict_classes()方法的区别说明
2020/06/09 Python
医院院务公开实施方案
2014/05/03 职场文书
“六查”、“三学”、“三干”查摆问题整改措施
2014/09/27 职场文书
匿名检举信范文
2015/03/02 职场文书
教师学习中国梦心得体会
2016/01/05 职场文书
比较node.js和Deno
2021/04/27 Javascript
原生JS实现飞机大战小游戏
2021/06/09 Javascript
pycharm部署django项目到云服务器的详细流程
2021/06/29 Python