有时为了准确定位一个元素,我们需要获取滚动条的位置,这种需求经常出现在tooltip 和拖放等应用中,本文就是介绍用Javascript 获取滚动条位置等信息这一问题的解决方法,希望对你的学习有所帮助。
用Javascript 获取滚动条位置等信息
有时为了准确定位一个元素,我们需要获取滚动条的位置,这种需求经常出现在tooltip 和拖放等应用中,其实这个技术很简单,关键是要考虑浏览器的兼容性,本文就是介绍这一问题的解决方法。
其实这段代码在之前的 “ 用Javascript 实现锚点(Anchor)间平滑跳转” 一文已经介绍过了,但是由于这个需求并且经常用到,因此,本站专门发布此文介绍,方便查阅。
Javascript:
- <script type="text/javascript">
- // 说明:用 Javascript 获取滚动条位置等信息
- // 来源 :ThickBox 2.1
- // 整理 :CodeBit.cn ( http://www.CodeBit.cn )
- 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>
发表评论共有0访客发表了评论
暂无评论,快来抢沙发吧!