scroll-behaviorプロパティ
scroll-behaviorプロパティは、要素内のスクロールを
スムーズまたは瞬時に行うように設定します。
プロパティはauto(要素への瞬間的な遷移)と
smooth(スムーズな遷移)の2つの値を受け入れます。
構文
セレクタ {
scroll-behavior: auto または smooth;
}
例 . autoの値
瞬時のスクロールを設定してみましょう:
<div>テキスト</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
例 . smoothの値
では、スムーズスクロールを設定しましょう:
<div>テキスト</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
関連項目
-
フルスクリーンモードの要素にスタイルを設定する
疑似クラス
:fullscreen、 -
デフォルトの要素にスタイルを設定する
疑似クラス
:default