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 相关文章推荐
javascript编程起步(第六课)
Jan 10 Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
Dec 24 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
Jun 20 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
Mar 14 Javascript
原生JavaScript实现异步多文件上传
Dec 02 Javascript
Bootstrap进度条组件知识详解
May 01 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
node.js中express中间件body-parser的介绍与用法详解
May 23 Javascript
详解Angular路由之路由守卫
May 10 Javascript
vue.js实现标签页切换效果
Jun 07 Javascript
vue 实现用户登录方式的切换功能
Apr 14 Javascript
vue2和vue3的v-if与v-for优先级对比学习
Oct 10 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中快速生成随机密码的几种方式
2017/04/17 PHP
PHP获取MySQL执行sql语句的查询时间方法
2018/08/21 PHP
个人总结的一些关于String、Function、Array的属性和用法
2007/01/10 Javascript
idTabs基于JQuery的根据URL参数选择Tab插件
2012/04/11 Javascript
javascript的数据类型、字面量、变量介绍
2012/05/23 Javascript
JS不间断向上滚动效果代码
2013/12/25 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
jquery实现的代替传统checkbox样式插件
2015/06/19 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
jQuery 中ajax异步调用的四种方式
2016/06/28 Javascript
jQuery中的100个技巧汇总
2016/12/15 Javascript
深入理解JavaScript中的for循环
2017/02/07 Javascript
angular实现IM聊天图片发送实例
2017/05/08 Javascript
Vue实例中生命周期created和mounted的区别详解
2017/08/25 Javascript
nginx配置React静态页面的方法教程
2017/11/03 Javascript
JavaScript继承定义与用法实践分析
2018/05/28 Javascript
JS函数进阶之继承用法实例分析
2020/01/15 Javascript
Ajax获取node服务器数据的完整步骤
2020/09/20 Javascript
python解析xml文件操作实例
2014/10/05 Python
Python计算程序运行时间的方法
2014/12/13 Python
python关键字and和or用法实例
2015/05/28 Python
Python中的super()方法使用简介
2015/08/14 Python
浅谈Python由__dict__和dir()引发的一些思考
2017/10/30 Python
python 将字符串完成特定的向右移动方法
2019/06/11 Python
Python turtle画图库&amp;&amp;画姓名实例
2020/01/19 Python
美国网上鞋城:Shoeline.com
2016/11/17 全球购物
Stokke美国官方网店:高级儿童家具、推车、汽车座椅和配件
2020/06/06 全球购物
大学毕业自我鉴定范文
2014/02/03 职场文书
疾病捐款倡议书
2014/05/13 职场文书
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
党的群众路线教育实践活动个人对照检查材料(医生)
2014/11/05 职场文书
2015年宣传工作总结
2015/04/08 职场文书
2016年秋季趣味运动会开幕词
2016/03/04 职场文书
Python入门之基础语法详解
2021/05/11 Python
什么是Python装饰器?如何定义和使用?
2022/04/11 Python
Python循环之while无限迭代
2022/04/30 Python