CSSだけでスムーススクロールを実装する方法
ページ内リンクを設定した際に位置がずれることがります。
これの原因はヘッダーの高さ分が影響していることが多いです。
その為、このヘッダーの高さを考慮する必要があります。
scroll-padding-topを使う
CSSのscroll-padding-topを使用すれば一発で解決できます。
html {
scroll-padding-top: 80px;
}高さはそれぞれのサイトごとに異なりますので調整してみてください。
悩めるアラサーの日々を綴るハッピーマガジン
