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 |
