可以使用 css 的 scroll-behavior 属性来实现在网页上进行平滑滚动,而无需编写复杂的 js 或使用插件。可以用于页面锚点之间的滚动或者回顶部等功能。

    1. html {
    2. scroll-behavior: smooth;
    3. }

    当用户手动导航或者 CSSOM scrolling API 触发滚动操作时, CSS 属性 scroll-behavior 为一个滚动框指定滚动行为,其他任何的滚动,例如那些由于用户行为而产生的滚动,不受这个属性的影响。