scroll-margin-top アンカー先に上の余白を残す

ページ内リンクの飛び先が、固定ヘッダーの下に隠れないようにする余白です。飛び先の要素に指定します。ヘッダーの高さより少し大きい値にすると、見出しがヘッダーのすぐ下で止まります。

スクロールする側ではなく、着地点に付けます。ヘッダーの高さを変えたら、この値も合わせて直します。