document.documentElement.scrollTop(获取滚动条位置)

最新推荐文章于 2022-08-05 10:33:49 发布

转载最新推荐文章于 2022-08-05 10:33:49 发布 · 77 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lcc1995/p/7717272.html

本文介绍了如何正确地获取网页的滚动条位置，特别是在不同浏览器环境下兼容性问题的解决方案。通过对比document.body.scrollTop与document.documentElement.scrollTop的区别，确保了跨浏览器的一致性。

要获取当前页面的滚动条纵坐标位置，用：
document.documentElement.scrollTop;
而不是：
document.body.scrollTop;
documentElement 对应的是 html 标签，而 body 对应的是 body 标签。

在标准w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替;
如果你想定位鼠标相对于页面的绝对位置时，你会发现google里面1000篇文章里面有999.99篇会让你使用event.clientX+document.body.scrollLeft，event.clientY+document.body.scrollTop，如果你发现你的鼠标定位偏离了你的想象，请不要奇怪，这是再正常不过的事情。
ie5.5之后已经不支持document.body.scrollX对象了。
所以在编程的时候，请加上这样的判断
if (document.body && document.body.scrollTop && document.body.scrollLeft)
{
    top=document.body.scrollTop;
    left=document.body.scrollleft;
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
    top=document.documentElement.scrollTop;
    left=document.documentElement.scrollLeft;
}