【问题标题】:Custom scroll bar behavior in Javascript?Javascript中的自定义滚动条行为?
【发布时间】:2011-11-29 15:15:03
【问题描述】:

我想重现类似于此页面的效果:http://artofflightmovie.com/,其中垂直滚动条控制浏览器“视口”在预定义路径上的进展。

我认为解决此问题的最简单方法是使用 javascript 读取滚动条值并相应地定位背景元素。

是否可以在Javascript中获取垂直滚动条的值?我是不是在接近这个设计错误?

【问题讨论】:

    标签: javascript html css interactive


    【解决方案1】:

    是否可以在Javascript中获取垂直滚动条的值?

    var scrollTop = document.documentElement.scrollTop || window.pageYOffset;
    

    我是不是在接近这个设计错误?

    这似乎是一种有效的方法。

    【讨论】:

    • 谢谢!现在试一试。似乎反应平稳并给了我我需要的数据。干杯
    【解决方案2】:

    我想你会想要:

    1. 创建一个带有所需滚动条的元素
    2. 为滚动事件连接事件处理程序
    3. 在该事件处理程序中编写逻辑,以根据您在事件处理程序中获得的滚动位置来指导您的主页

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-11-13
      相关资源
      最近更新 更多