js获取滚动条位置:绝对有效

获取坐标: IE  (event.x  event.y)  html

获取滚动条位置:spa

     document.body.scrollTop (滚动条离页面最上方的距离)htm

     document.body.scrollLeft   (滚动条离页面最左方的距离)事件

当我用js获取当前垂直或者水平方向滚动条位置的时候,使用"document.body.scrollTop"或 者"document.body.scrollLeft"是无效的,获得的数值永远是0。可是,当写在“onscroll”事件里面的时候,上述方法能够 得到当前滚动条的位置。get

当网页最前面有如下内容:it

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">io

     document.documentElement.scrollTop (滚动条离页面最上方的距离) event

     document.documentElement.scrollLeft   (滚动条离页面最左方的距离)class

 

因此为了准确取得当前滚动条的位置,正确的使用方法是:transition

      document.documentElement.scrollTop:垂直方向      document.documentElement.scrollLeft:水平方向

相关文章
相关标签/搜索