SEO教程,前端,C++,JAVA个人工作经验分享博客 - 「IT程序猿博客」

JS获取滚动条位置

未知

  一、JS获取滚动条位置

  1、获取坐标:

  IE (event.x event.y)

  2、获取滚动条位置(网页最前面没有):

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

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

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

  3、当网页最前面有以下内容:

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

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

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

  document.documentElement.scrollTop:垂直方向

  document.documentElement.scrollLeft:水平方向

发表评论 (已有 条评论)

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!

快来评论,快来抢沙发吧~