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实战_读书笔记1—选择jQuery
Jan 22 Javascript
JavaScript学习笔记(一) js基本语法
Oct 25 Javascript
Svg.js实例教程及使用手册详解(一)
May 16 Javascript
用jQuery获取table中行id和td值的实现代码
May 19 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
Aug 01 Javascript
javascript中mouseenter与mouseover的异同
Jun 06 Javascript
解决webpack无法通过IP地址访问localhost的问题
Feb 22 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
使用react实现手机号的数据同步显示功能的示例代码
Apr 03 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 Javascript
vue项目中使用rem,在入口文件添加内容操作
Nov 11 Javascript
JavaScript 定时器详情
Nov 11 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
CI(CodeIgniter)框架中的增删改查操作
2014/06/10 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十一)
2014/06/25 PHP
PHP 使用二进制保存用户状态的实例
2018/01/29 PHP
JavaScript 异步调用框架 (Part 6 - 实例 & 模式)
2009/08/04 Javascript
jquery插件 cluetip 关键词注释
2010/01/12 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
2012/05/23 Javascript
JavaScript中的anchor()方法使用详解
2015/06/08 Javascript
详解jquery validate实现表单验证 (正则表达式)
2017/01/18 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
2017/06/04 Javascript
vue使用中的内存泄漏【推荐】
2018/07/10 Javascript
vue组件(全局,局部,动态加载组件)
2018/09/02 Javascript
使用Vue 实现滑动验证码功能
2019/06/27 Javascript
JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作实例
2019/09/17 Javascript
关于vue组件事件属性穿透详解
2019/10/28 Javascript
vue2.x数组劫持原理的实现
2020/04/19 Javascript
[10:07]2014DOTA2国际邀请赛 实拍选手现场观战DK对阵Titan
2014/07/12 DOTA
Python字符串拼接的几种方法整理
2017/08/02 Python
利用Python写一个爬妹子的爬虫
2018/06/08 Python
python3.7.0的安装步骤
2018/08/27 Python
通过实例简单了解Python sys.argv[]使用方法
2020/08/04 Python
移动端Web页面的CSS3 flex布局快速上手指南
2016/05/31 HTML / CSS
HTML5 canvas 瀑布流文字效果的示例代码
2018/01/31 HTML / CSS
Argos官网:英国家喻户晓的百货零售连锁商
2017/04/03 全球购物
XMLHttpRequest对象在IE和Firefox中创建方式有没有不同
2016/03/23 面试题
应届大学生自荐信
2013/12/05 职场文书
客户表扬信范文
2014/01/10 职场文书
股权转让协议书
2014/04/12 职场文书
环境保护标语
2014/06/20 职场文书
12.4法制宣传日活动总结
2014/08/26 职场文书
停水通知
2015/04/16 职场文书
企业安全生产检查制度
2015/08/06 职场文书
初中生活随笔
2015/08/15 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python
微软Win11 全新照片应用面向 Dev预览版推出 新版本上手体验图集
2022/09/23 数码科技