document.documentElement.scrollTop(获取滚动条位置)
document.documentElement.scrollTop));
--收集关于scrollTop信息
要获取当前页面的滚动条纵坐标位置，用：
document.documentElement.scrollTop;
而不是：
document.body.scrollTop;
documentElement 对应的是 html 标签，而 body 对应的是 body 标签。
【document.documentElement.scrollTop(获取滚动条位置)】在标准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;
}
---------------------
作者：huang100qi
来源：CSDN
原文：https://blog.csdn.net/huang100qi/article/details/5950894
版权声明：本文为博主原创文章，转载请附上博文链接！
推荐阅读
- js兼容写法为document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
- JavaScript 滚动条示例,控制居中document.documentElement.scrollTop,document.body.scrollTop,oDiv.offsetHeight
- 关于Chrome|关于Chrome 对document.documentElement.scrollTop 的兼容问题
- 关于document.documentElement.scrollTop和document.body.scrollTop的区别
- JavaScript|document.documentElement.scrollTop用法
- document.documentElement.scrollTop|document.documentElement.scrollTop || document.body.scrollTop;
- document.body.scrollTop与document.documentElement.scrollTop
- 解决VUE中document.documentElement.scrollTop为0
- vue监听滚动条window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop一直为0
- document.documentElement.scrollTop || document.body.scrollTop || window.pageXOffset