本文详细解释了在JavaScript中如何准确获取网页的垂直和水平滚动条位置，包括不同浏览器之间的兼容性问题，以及如何使用`document.documentElement.scrollTop`和`document.documentElement.scrollLeft`来替代`document.body.scrollTop`和`document.body.scrollLeft`，确保在各种场景下都能获取到正确的滚动位置。
http://blog.youkuaiyun.com/garfield21/article/details/4424781
获取坐标： IE (event.x event.y)
获取滚动条位置：
document.body.scrollTop （滚动条离页面最上方的距离）
document.body.scrollLeft （滚动条离页面最左方的距离）
当我用js获取当前垂直或者水平方向滚动条位置的时候，使用"document.body.scrollTop"或者"document.body.scrollLeft"是无效的，得到的数值永远是0。但是，当写在“onscroll”事件里面的时候，上述方法可以获得当前滚动条的位置。
当网页最前面有以下内容：
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
document.documentElement.scrollTop （滚动条离页面最上方的距离）
document.documentElement.scrollLeft （滚动条离页面最左方的距离）
所以为了准确取得当前滚动条的位置，正确的使用方法是：
document.documentElement.scrollTop：垂直方向
document.documentElement.scrollLeft：水平方向
扫一扫
1165
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
