如何像这些网站一样进行慢速滚动答案

【问题标题】：How to do slow scrolling like these website are doing如何像这些网站一样进行慢速滚动
【发布时间】：2020-04-20 09:29:36
【问题描述】：

有几个网站我看到平滑缓慢的滚动。我一直在寻找 react 或 vue 的插件。我基本上想学习如何使用 vanilla Javascript 来做到这一点。你也可以建议插件库和任何你想要的。但我想知道如何在纯香草 js 中做到这一点。我想学习控制滚动速度。

这里是网站：

你可以告诉我这些网站在使用什么，也可以告诉我如何使用纯 js。

【问题讨论】：

【解决方案1】：

请看下面的演示，可能会有所帮助。

还有一个名为“Smooth-Scroll”的开源库，在下面粘贴链接。它们可以作为起点。

希望对你有帮助。

【讨论】：

【解决方案2】：

一种方法：

【讨论】：

【解决方案3】：

如果您希望页面像第一个一样平滑滚动，这里是一个很好的插件 https://jokertattoo.co.uk/js/SmoothScroll.js 你可以乱用这些值，直到得到你想要的结果：

 frameRate        : 150, // [Hz]
    animationTime    : 2000, // [px]
    stepSize         : 150, // [px]

【讨论】：