scrollBehavior

创建于 2024-12-03 / 21
字体: [默认] [大] [更大]

❮ Style 对象

实例

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

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 对象
0 人点赞过