在Javascript中自定义滚动条行为？

Question

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

我认为最简单的方法是通过使用javascript来读取滚动条值并相应地定位背景元素。

是否可以在Javascript中获取垂直滚动条值？我接近这个设计错了吗？

Answer 1

  

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

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

  

我接近这个设计错了吗？

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

Answer 2

我认为你想要：

1. 使用所需的滚动条创建元素
2. 连接滚动事件的事件处理程序
3. 在该事件处理程序中编写逻辑，以了解如何根据事件处理程序中的滚动位置来指导主页