如何使用javascript制作平滑的滚动效果

Question

我到处寻找，但找不到针对此特定需求的答案。

我想创建一个具有这种效果的页面 - 我希望页面在用户开始滚动鼠标时自动平滑地向下滚动到页面上的某个部分。 使用上面链接的插件的问题是我已经按照我想要的方式设计了我的页面，我只想实现这种滚动效果。 我绝不是一个 javascript 专家 - 我主要处理 web 的布局方面。 但是，如果有人可以向我展示如何在用户开始滚动时使用 javascript 自动跳转到页面上的某个部分，我将不胜感激。 谢谢！

Answer 1

尝试使用 Nice Scroll

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.7.6/jquery.nicescroll.min.js"></script>

$("#thisdiv").niceScroll({
    mousescrollstep: 40, // scrolling speed with mouse wheel (pixel)
});