CSS scroll-behavior 屬性
定義和用法
scroll-behavior 屬性規定當用戶單擊可滾動框中的鏈接時，是否平滑地（具動畫效果）滾動位置，而不是直線跳轉。
實例
為文檔添加平滑滾動效果：
html {
scroll-behavior: smooth;
}
親自試一試
CSS 語法
scroll-behavior: auto|smooth|initial|inherit;
屬性值
| 值 |
描述 |
| auto |
默認值。允許在滾動框內的元素間直接跳轉的“滾動效果”。 |
| smooth |
允許在滾動框內的元素間平滑的“滾動效果”。 |
| initial |
將此屬性設置為其默認值。參閱 initial。 |
| inherit |
從其父元素繼承此屬性。參閱 inherit。 |
技術細節
| 默認值： |
auto |
| 繼承： |
否 |
| 動畫制作： |
不支持。請參閱：動畫相關屬性。 |
| 版本： |
CSSOM View Module（工作草案） |
| JavaScript 語法： |
object.style.scrollBehavior="smooth" |
瀏覽器支持
表格中的數字注明了完全支持該屬性的首個瀏覽器版本。
| Chrome |
IE / Edge |
Firefox |
Safari |
Opera |
| 61.0 |
79.0 |
36.0 |
14.0 |
48.0 |
