这个Top Banner滚动效果是如何实现的？

Question

我很好奇这个网站的顶部横幅是如何通过jquery实现的。

有些事情让我有点遗憾：

1. 看起来他们没有隐藏溢出，因为整个滚动条都存在。

2. 向下滚动，等待动画完成。

3. 向上滚动时，它会在横幅降下之前停止。您必须再次向上滚动才能切换横幅。

https://space10.io

谢谢！

Answer 1

负责顶部横幅的代码并没有使用jQuery（尽管我已经弄清楚了（它看起来像是用JavaScript编写而不使用jQuery）。

使用mousewheel事件实现效果。

如果使用键盘滚动页面（空格或向下翻页）。效果不会发生，经验也会被打破。