Style scrollBehavior 屬性

定義和用法

scrollBehavior 屬性規定當用戶單擊可滾動框中的鏈接時滾動到位置是否有平滑動畫效果,而不是直接跳轉。

另請參閱:

CSS 參考手冊:scroll-behavior 屬性

實例

向頁面添加平滑的滾動效果:

document.documentElement.style.scrollBehavior = "smooth";

親自試一試

語法

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

屬性值

描述
auto 默認。允許在滾動框內的元素之間直接跳轉的“滾動效果”。
smooth 允許滾動框內元素之間的平滑動畫的“滾動效果”。
initial 將此屬性設置為其默認值。請參閱 initial
inherit 從其父元素繼承此屬性。請參閱 inherit

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0