| 属性名 | scroll-behavior |
|---|---|
| 値 | auto | smooth |
| 初期値 | auto |
| 適用可能要素 | スクロールボックス |
| 継承 | しない |
| サポート | https://caniuse.com/?search=scroll-behavior |
リンクをクリックしてジャンプする際にスクロールが発生する場合、スムースなアニメーションスクロールでジャンプします。
| 値 | 説明 |
|---|---|
| auto | 通常通りのスクロールを行います。 |
| smooth | スムーススクロールを行います。 |
このサイトもすべてのページに smooth を指定しています。例えば CSS入門 のページを開いて目次をクリックしてみてください。リンク先に移動する際にスムーススクロールが行われます。
html {
scroll-behavior: smooth;
}