如何做像这些网站正在做的慢速滚动

Question

有几个网站，我看到光滑，缓慢滚动。我一直在寻找插件的反应或vue。我基本上想学习如何使用香草Javascript。此外，你也可以建议插件，库和任何你想要的。但我想知道怎么用纯香草酒。我想学习控制滚动速度。

以下是网站：

1. https://nana-asia.com/
2. https://pelizzari.com/en
3. https://loerarchitecten.com/en/projects/republica-short-guy

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

Answer 1

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

https://css-tricks.com/snippets/jquery/smooth-scrolling/

还有一个开放源码库，名为“平滑-滚动”，下面是粘贴链接。它们可以作为一个起点。

https://github.com/cferdinandi/smooth-scroll

希望能帮上忙。

Answer 2

一种办法是：

behaviour.

• Detect

• 捕捉鼠标轮和触摸事件，防止其原始的触摸事件的方向和速度或鼠标事件的滚动量

• 使用事件值并将它们映射到所需的滚动级别

• 应用CSS转换到页面内容

Answer 3

如果您希望页面像第一个插件https://jokertattoo.co.uk/js/SmoothScroll.js一样顺利滚动，您可以随意处理这些值，直到得到想要的结果为止：

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

下面是它在行动中的演示：https://ui-unicorn.co.uk/my-cv/