スムーススクロールをCSSで実装 – ホームページ制作・ワードプレス・業務効率化ツール開発

これまで JavaScript で対応していたスムーススクロールが CSS で手軽に実装できるようになっていた
- 古いブラウザは NG な部分も一部あるようだが、おおむね問題なく使えそう
- たった 2 行で済むので楽チン
scroll-padding-top を指定することで、固定ヘッダーなどスクロール位置がずれる場合も調整ができる

html {
    scroll-behavior: smooth;
    scroll-padding-top: 40px;
}