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

この記事はアフィリエイト広告を利用しています。
この記事は最終更新から2年以上経過しています。内容が古くなっているかもしれません。。

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

html {
  scroll-behavior: smooth;
}

各ブラウザの対応状況:

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

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

はい

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

コメントを残す