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

Posted 2021-05-04

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

有些事情让我有些失望：

1. 它看起来好像没有隐藏溢出，因为整个滚动条都存在。
2. 向下滚动等待动画完成。
3. 向上滚动时，它会在横幅下降之前停止。您必须再次向上滚动才能切换横幅。

https://space10.io

谢谢！

答案

负责顶部横幅的代码不是我使用的jQuery（它被混淆了，但它看起来好像是用javascript编写而不使用jQuery）。

使用mousewheel事件实现了这种效果。

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