Javascript 获取滚动条位置等信息的函数


Posted in Javascript onSeptember 08, 2009

其实这段代码在之前的 “ 用 Javascript 实现锚点(Anchor)间平滑跳转” 一文已经介绍过了,但是由于这个需求并且经常用到,因此,本站专门发布此文介绍,方便查阅。

<script type="text/javascript"> 
// 说明:用 Javascript 获取滚动条位置等信息 
// 来源 :ThickBox 2.1 
function getScroll() 
{ 
var t, l, w, h; 
if (document.documentElement && document.documentElement.scrollTop) { 
t = document.documentElement.scrollTop; 
l = document.documentElement.scrollLeft; 
w = document.documentElement.scrollWidth; 
h = document.documentElement.scrollHeight; 
} else if (document.body) { 
t = document.body.scrollTop; 
l = document.body.scrollLeft; 
w = document.body.scrollWidth; 
h = document.body.scrollHeight; 
} 
return { t: t, l: l, w: w, h: h }; 
} 
</script>
Javascript 相关文章推荐
jQuery实现点击标题输入详细信息
Apr 16 Javascript
自己写的Javascript计算时间差函数
Oct 28 Javascript
JavaScript中DOM详解
Apr 13 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
js漂浮广告实现代码
Aug 15 Javascript
Angularjs中如何使用filterFilter函数过滤
Feb 06 Javascript
JavaScript中ES6字符串扩展方法
Aug 26 Javascript
Javascript中arguments对象的详解与使用方法
Oct 04 Javascript
JavaScript之filter_动力节点Java学院整理
Jun 28 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
Apr 19 jQuery
JavaScript多态与封装实例分析
Jul 27 Javascript
微信小程序的部署方法步骤
Sep 04 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
Sep 08 #Javascript
用Javascript实现锚点(Anchor)间平滑跳转
Sep 08 #Javascript
用 Javascript 验证表单(form)中的单选(radio)值
Sep 08 #Javascript
用 Javascript 验证表单(form)中多选框(checkbox)值
Sep 08 #Javascript
Javascript String.replace的妙用
Sep 08 #Javascript
Javascript 检测、添加、移除样式(className)函数代码
Sep 08 #Javascript
javascript 流畅动画实现原理
Sep 08 #Javascript
You might like
从零开始学YII2框架(六)高级应用程序模板
2014/08/20 PHP
PHP处理数组和XML之间的互相转换
2016/06/02 PHP
YII2框架中actions的作用与使用方法示例
2020/03/13 PHP
优秀js开源框架-jQuery使用手册(1)
2007/03/10 Javascript
javascript 写类方式之五
2009/07/05 Javascript
js ondocumentready onmouseover onclick onmouseout 样式
2010/07/22 Javascript
基于jquery的放大镜效果
2012/05/30 Javascript
ztree获取当前选中节点子节点id集合的方法
2015/02/12 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
2015/09/18 Javascript
javascript获取wx.config内部字段解决微信分享
2016/03/09 Javascript
基于jQuery的checkbox全选问题分析
2016/11/18 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
JavaScript基础之静态方法和实例方法分析
2018/12/26 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
2019/03/05 Javascript
微信小程序实现写入读取缓存详解
2019/08/30 Javascript
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
简述Vue中容易被忽视的知识点
2019/12/09 Javascript
vue-router路由懒加载及实现的3种方式
2021/02/28 Vue.js
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
[11:42]2018DOTA2国际邀请赛寻真——OG卷土重来
2018/08/17 DOTA
[01:07:53]RNG vs VG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
[01:14]2019完美世界城市挑战赛(秋季赛)全国总决赛精彩花絮
2020/01/08 DOTA
wxPython定时器wx.Timer简单应用实例
2015/06/03 Python
python 排序算法总结及实例详解
2016/09/28 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
Python类装饰器实现方法详解
2018/12/21 Python
OpenCV+Python3.5 简易手势识别的实现
2020/12/21 Python
英国异国风情旅游网站:Travel Talk Tours(团体旅游、探险旅游、帆船假期)
2018/07/26 全球购物
热爱祖国演讲稿
2014/05/04 职场文书
初中班级口号
2014/06/09 职场文书
2014年纪检工作总结
2014/11/12 职场文书
求职信如何撰写?
2019/05/22 职场文书
鲲鹏 CentOS 7 安装Python3.7
2022/05/11 Servers