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 相关文章推荐
鼠标图片振动代码
Jul 06 Javascript
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
Jun 27 Javascript
Js保留小数点的4种效果实现代码分享
Apr 12 Javascript
jquery判断当前浏览器的实现代码
Nov 07 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
Jun 30 Javascript
浅谈Node.js CVE-2017-14849 漏洞分析(详细步骤)
Nov 10 Javascript
webpack搭建vue 项目的步骤
Dec 27 Javascript
分享ES6的7个实用技巧
Jan 18 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
Jul 09 Javascript
JQueryDOM之样式操作
Mar 27 jQuery
微信小程序开发之点击按钮退出小程序的实现方法
Apr 26 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
Jul 20 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
php显示时间常用方法小结
2015/06/05 PHP
关于hashchangebroker和statehashable的补充文档
2011/08/08 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2012/07/21 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
2013/08/23 Javascript
jquery select 设置默认选中的示例代码
2014/02/07 Javascript
JavaScript调用浏览器打印功能实例分析
2015/07/17 Javascript
js实现精确到秒的倒计时效果
2016/05/29 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
2017/01/11 Javascript
Nodejs实现短信验证码功能
2017/02/09 NodeJs
Bootstrap笔记之缩略图、警告框实例详解
2017/03/09 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
2020/06/10 Javascript
Python多线程学习资料
2012/12/19 Python
12步教你理解Python装饰器
2016/02/25 Python
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
详解tensorflow实现迁移学习实例
2018/02/10 Python
深入浅析Python中list的复制及深拷贝与浅拷贝
2018/09/03 Python
解决PyCharm无法使用lxml库的问题(图解)
2020/12/22 Python
HTML5网页音乐播放器的示例代码
2017/11/09 HTML / CSS
Html5适配iphoneX刘海屏的简单实现
2019/04/09 HTML / CSS
皇马官方商城:Real Madrid Store
2016/09/02 全球购物
Fanatics英国官网:美国体育电商
2018/11/06 全球购物
June Jacobs尊积帕官网:知名的spa水疗护肤品牌
2019/03/21 全球购物
怎样从/向数据文件读/写结构
2014/11/23 面试题
服务中心夜班服务员岗位职责
2013/11/27 职场文书
幼儿园教师请假制度
2014/01/16 职场文书
工程专业求职自荐书范文
2014/02/08 职场文书
人力管理专业毕业生求职信
2014/02/27 职场文书
新闻发布会策划方案
2014/06/12 职场文书
2014年班长个人工作总结
2014/11/14 职场文书
团代会开幕词
2015/01/28 职场文书
介绍信的格式
2015/01/30 职场文书
解决MySQL存储时间出现不一致的问题
2021/04/28 MySQL
纯CSS3实现div按照顺序出入效果
2021/07/15 HTML / CSS
CSS中使用grid布局实现一套模板多种布局
2022/07/15 HTML / CSS