如何无需JavaScript，仅用一行CSS实现网页平滑滚动？

当然可以，只需要借助原生CSS的scroll-behavior属性就能实现，完全不需要额外引入JavaScript：

html {
  scroll-behavior: smooth;
}

使用说明 #

只要页面里存在锚点链接（比如<a href="#about">关于我们</a>对应<div id="about">...</div>），点击链接后页面就会以平滑动画滚动到目标位置，而非瞬间跳转。

补充提示 #

• 该属性支持所有现代主流浏览器，兼容性无需过多顾虑；
• 如果只想给特定滚动容器（比如带overflow: auto的自定义容器）添加平滑滚动，直接把这条规则应用到对应容器元素上即可，不用全局设置在html标签上。

内容的提问来源于stack exchange，提问作者Alamin Musa