スムーススクロールをCSSだけで実装する【CSS】
最近のブラウザならスムーススクロールはCSSだけで実現可。ただしSafariはPC・スマホともに標準では未対応(※設定から「CSSOM View Smooth Scrolling」をオンにすると有効になる)
こちらがコード。
html {
scroll-behavior: smooth;
}
各ブラウザの対応状況:
JavaScriptで実装したい場合は以下の記事が分かりやすい。
この記事は役に立ちましたか?
ぜんぜん
ヤフーに戻ります