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

[talks text=’

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

‘]

html {
  scroll-behavior: smooth;
}

各ブラウザの対応状況：

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