js获取滚动条位置

获取坐标： 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：水平方向