CSS scroll-behavior 属性

为文档添加平滑滚动效果：

html {
scroll-behavior: smooth;
}

定义和用法

这个scroll-behavior属性指定当用户单击可滚动框中的链接时是否平滑地设置滚动位置动画，而不是直接跳转。

默认值：	汽车
遗传：	不
可动画：	不。阅读可动画的
版本：	CSSOM 视图模块（工作草案）
JavaScript 语法：	对象.style.scrollBehavior="smooth"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
scroll-behavior	61.0	79.0	36.0	14.0	48.0

scroll-behavior: auto|smooth|initial|inherit;

Value	Description
auto	Allows a straight jump "scroll effect" between elements within the scrolling box. This is default
smooth	Allows a smooth animated "scroll effect" between elements within the scrolling box.
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit