BLOG

• 2023.11.06
• CSS

CSSのみでスムーススクロール

CSSだけでスムーススクロール。主要ブラウザもOK
jQueryで実装する時よりも
・コードの量が格段に減る（jQueryは7行ほど。CSSは多くて2行）
・作業時間が2秒ほど速くなる

ありがとう

html { scroll-behavior: smooth; }
（autoでスムースなしでページ内スクロール）

.target { scroll-margin-top: 100px; }
（スクロールした時のヘッダーのズレなどの調整）

今日のひとこと

冬本気出してきたあ

• 

• この記事を書いた人小林 友加

  こう見えてドラムぼちぼち叩けます。サウナ依存中