Weblasts

CSSだけでスムーススクロール

scroll-behaviorプロパティ

ページ内リンクによる移動が発生した際の挙動を指定できるプロパティ
値はsmoothとautoがある

一番簡単な使い方はhtmlタグに対して設定してしまう使い方

CSS

/*スムーススクロールさせたいとき*/
html{
  scroll-behavior: smooth;
}
/*スムーススクロールさせないデフォルトの動き*/
html{
  scroll-behavior: auto;
}

まだ草案らしいのでブラウザの対応状況がひどい でも、ワクワクする

Recommend Post