CSS scroll-behavior 屬性
示例
為文件新增平滑滾動效果
html {
scroll-behavior: smooth;
}
自己動手試一試 »
定義和用法
scroll-behavior
屬性指定當使用者在可滾動框中單擊連結時,是平滑地為滾動位置設定動畫,還是直接跳轉。
預設值 |
auto |
繼承 |
no |
可動畫 |
否。 閱讀關於可動畫屬性 |
版本 |
CSSOM 檢視模組(工作草案) |
JavaScript 語法 |
object.style.scrollBehavior="smooth" 試一試 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 |
|
|
|
|
|
scroll-behavior |
61.0 |
79.0 |
36.0 |
14.0 |
48.0 |
CSS 語法
scroll-behavior: auto|smooth|initial|inherit;
屬性值
值 |
描述 |
auto |
允許在滾動框內的元素之間直接跳轉“滾動效果”。這是預設值 |
smooth |
允許在滾動框內的元素之間平滑地動畫“滾動效果”。 |
initial |
將此屬性設定為其預設值。閱讀關於initial |
inherit |
從其父元素繼承此屬性。閱讀關於inherit |
W3schools 學習路徑
跟蹤您的進度 - 免費!