⚠この記事が公開されたのは 2023年1月23日で、内容が古く、間違っている可能性があります。
See the Pen The solution to prevent anchor links from scrolling behind a fixed header by notec (@curledtail_h) on CodePen.
ポイントは見出し要素に”scroll-margin-top: ヘッダーナビの高さ;”を設定することでスクロール先にmargin-topの値が考慮されます。