スムーススクロールを3行で実装する【CSS】

最近のブラウザならスムーススクロールはCSSだけで実現可。ただしSafariは残念ながらPC・スマホともに標準では未対応(※設定から「CSSOM View Smooth Scrolling」をオンにすると有効になる)

こちらがコード。

html {
  scroll-behavior: smooth;
}

各ブラウザの対応状況:

JavaScriptで実装したい場合は以下の記事が分かりやすい。

この記事は役に立ちましたか?

まあまあ

ブログランキング・にほんブログ村へ