【CSS】scroll-padding-topを使ってアンカーリンクの固定分ずれる不具合を解消

scroll-padding-topを使う機会があったのでメモ。

以下のコードを追加するだけで解消されるのでぜひためしてみよう。

html {
  scroll-padding-top: 100px;//ヘッダーの高さを指定
}