備忘録的プログラミングリファレンス

scroll-behaviorプロパティ

 scroll-behaviorプロパティは、<a href="#index03">などによるページ内の遷移をスクロールがともなった移動にするプロパティです。 ページ内の遷移がスムーズなスクロール移動に変わります。

 scroll-behaviorプロパティとscroll-snapプロパティを使うと横に移動できます。

ページ内の遷移がスムーズなスクロール移動に
scroll-behavior: smooth;

構文(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 AnimationNo