【问题标题】:getting `distance` of scroll获取滚动的“距离”
【发布时间】:2009-12-13 14:46:18
【问题描述】:

usinf javascript 是否可以计算出距离,或者窗口向下滚动了多远?

问候菲尔

【问题讨论】:

    标签: javascript scroll


    【解决方案1】:

    这将用于获取元素与文档顶部的距离:document.documentElement.scrollTop

    您需要确保该元素是可滚动的。

    来自 Mozilla MDN:

    如果元素不能滚动(例如它没有溢出或者元素不可滚动),scrollTop 设置为 0

    【讨论】:

      【解决方案2】:

      有双重检查:

      var dsocleft=document.all? iebody.scrollLeft : pageXOffset
      var dsoctop=document.all? iebody.scrollTop : pageYOffset
      

      对于 IE 等

      【讨论】:

      • 我注意到 Mac 上的 Firefox 和 Chrome -- jquery "scrollTop()" 方法不起作用 -- 它总是返回 '0'。 Ubuntu 上的 Firefox 也返回 0
      【解决方案3】:

      捕获包括IE在内的所有浏览器

      var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop
      

      来自http://www.javascriptkit.com/javatutors/detect-user-scroll-amount.shtml

      【讨论】:

        【解决方案4】:

        document.body.scrollTop可以获取文档的滚动偏移量。

        【讨论】:

        • 这对我不起作用 - 我只是上下滚动页面并且 document.body.scrollTop 始终为 0...
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-11-19
        • 1970-01-01
        • 1970-01-01
        • 2016-08-09
        • 2011-06-04
        相关资源
        最近更新 更多