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 |