轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

Style scrollBehavior 属性

实例

为页面添加平滑的滚动效果:

document.documentElement.style.scrollBehavior = "smooth";
亲自试一试 »

定义和用法

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

浏览器支持

属性
scrollBehavior 61.0 79.0 36.0 14.0 48.0

语法

object.style.scrollBehavior = "auto|smooth|initial|inherit"

属性值

值 描述
auto 默认值。允许在滚动框内的元素直接跳转"滚动效果"。
smooth 允许在滚动框内的元素产生平滑的动画"滚动效果"。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

相关页面

CSS 参考手册: scroll-behavior 属性

❮ Style 对象