当用户向下滚动时，我可以动态更改网站的滚动速度以加快速度吗？

Posted 2023-03-21

【中文标题】当用户向下滚动时，我可以动态更改网站的滚动速度以加快速度吗？

【英文标题】：Can I dynamically change the scroll speed of a website to speed up as the user scrolls further down?

【发布时间】：2022-01-12 13:27:24

【问题描述】：

我对 html 很陌生，希望制作一个网站原型，当您向下滚动时，滚动速度会提高。有谁知道如何做到这一点？

【问题讨论】：

滚动速度/距离是一种操作系统设置，大多数现代浏览器都遵循这一设置（在 Windows 上搜索“选择每次滚动多少行”）。如果你想自定义滚动行为，你必须自己在 javascript 中实现。

【参考方案1】：

您可以观看 onscroll 事件，并根据 scrollTop 和滚动方向应用另一个 scrollTop 值。

注意更改 scrollTop 会再次触发 onscroll 事件，从而创建一个无限循环，因此您必须设置一个标志，如 here 所解释的那样。