CSSのみでスムーススクロールを実装する【CSS】

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

html {
  scroll-behavior: smooth;
}

各ブラウザの対応状況:

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

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

はい

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

コメントを残す