CSS scroll-behavior 属性
示例
为文档添加平滑滚动效果
html {
scroll-behavior: smooth;
}
自己动手试一试 »
定义和用法
scroll-behavior
属性指定当用户在可滚动框中单击链接时,是平滑地为滚动位置设置动画,还是直接跳转。
默认值 |
auto |
继承 |
no |
可动画 |
否。 阅读关于可动画属性 |
版本 |
CSSOM 视图模块(工作草案) |
JavaScript 语法 |
object.style.scrollBehavior="smooth" 试一试 |
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。
属性 |
|
|
|
|
|
scroll-behavior |
61.0 |
79.0 |
36.0 |
14.0 |
48.0 |
CSS 语法
scroll-behavior: auto|smooth|initial|inherit;
属性值
值 |
描述 |
auto |
允许在滚动框内的元素之间直接跳转“滚动效果”。这是默认值 |
smooth |
允许在滚动框内的元素之间平滑地动画“滚动效果”。 |
initial |
将此属性设置为其默认值。阅读关于initial |
inherit |
从其父元素继承此属性。阅读关于inherit |
W3schools 学习路径
跟踪您的进度 - 免费!