scroll-behavior プロパティ
scroll-behavior プロパティは、<a href="#index03"> などによるページ内の遷移をスクロールがともなった移動にするプロパティです。 ページ内の遷移がスムーズなスクロール移動に変わります。
scroll-behavior プロパティと scroll-snap プロパティを使うと横に移動できます。
scroll-behavior: smooth;
ページ内 Index
構文(Syntax)
CSS
scroll-behavior: auto | smooth | initial | inherit;
DOM ( JavaScript )
String = object.style.scrollBehavior;
object.style.scrollBehavior="auto | smooth | initial | inherit";
値（Values）
| Value | 摘要 |
|---|---|
| auto | 初期値（default値） |
| smooth | スクロール移動に |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | auto |
| 継承（Inherited） | No |
| CSS Animation | No |