Javascript 如何像这些网站一样做慢速滚动_Javascript_Reactjs_Vue.js_Scroll

Javascript 如何像这些网站一样做慢速滚动

javascript reactjs vue.js scroll

Javascript 如何像这些网站一样做慢速滚动,javascript,reactjs,vue.js,scroll,Javascript,Reactjs,Vue.js,Scroll,有几个网站，我看到平滑缓慢滚动。我一直在寻找react或vue的插件。我基本上想学习如何使用香草Javascript。你也可以推荐插件库和任何你想要的东西。但我想知道如何在纯香草js中做到这一点。我想学习控制滚动速度以下是网站：您可以告诉我这些网站正在使用什么，也可以告诉我如何使用纯js。请看下面的演示，可能会有所帮助还有一个名为“平滑滚动”的开源库，粘贴下面的链接。它们可以作为一个起点希望有帮助。一种方法：捕捉鼠标滚轮和触摸事件，防止其原始行为检测触摸事件的方向和速度或鼠标滚轮事件

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

以下是网站：

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

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

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

希望有帮助。

一种方法：

捕捉鼠标滚轮和触摸事件，防止其原始行为

检测触摸事件的方向和速度或鼠标滚轮事件的滚动量

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

对页面内容应用CSS翻译

如果你想让页面像第一个一样平滑滚动，那么这里是一个很好的插件您可以随意处理这些值，直到得到想要的结果：

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

下面是一个正在运行的演示：

请看这里的问题：我一直在寻找它