document.body.scrollTop or document.documentElement.scrollTop

最新推荐文章于 2022-09-28 19:24:03 发布

weixin_34032779

最新推荐文章于 2022-09-28 19:24:03 发布

阅读量68

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhenyu-whu/archive/2012/11/13/2768004.html

版权

　　用Javascript获取DOM节点相对于页面的绝对坐标时，需要计算当前页面的滚动距离，而这个值的获取又取决于浏览器。

　　在Firefox或Chrome浏览器的控制台可以查看document.body 对应于页面中 <body></body>部分的元素，而document.documentElement则相当于整个HTML，说明浏览器在解释渲染后的页面位置范围是存在不同的，FF、Opera和IE浏览器认为在客户端浏览器展示的页面的内容对应于整个HTML，所以使用document.documentElement来代表，相应的滚动距离则通过document.documentElement.scrollLeft 和 document.documentElement.scrollTop来获取，而Safari和Chrome浏览器则认为页面开始于body部分，从而相应的滚动距离用document.body.scrollLeft 和 document.body.scrollTop来获取。另外需要注意的是，FF和IE的quirks mode（兼容模式）下是用document.body来获取的。

　　针对跨浏览器的解决方案则可简单的用如下代码获取：

var	scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft); 
var	scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);

转载于:https://www.cnblogs.com/zhenyu-whu/archive/2012/11/13/2768004.html

weixin_34032779

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
document.body.scrollTop or document.documentElement.scrollTop

　　用Javascript获取DOM节点相对于页面的绝对坐标时，需要计算当前页面的滚动距离，而这个值的获取又取决于浏览器。　　在Firefox或Chrome浏览器的控制台可以查看document.body 对应于页面中 <body></body>部分的元素，而document.documentElement则相当于整个HTML，说明浏览器在解释渲染后的页面位置范围是存在...
复制链接

扫一扫