Demo1
スクロールの振る舞い
　scroll-behavior: auto;
ヘッダーの高さ分下げる方法
　なし

ページトップリンク
　押せる

Demo2
スクロールの振る舞い
　scroll-behavior: auto;
ヘッダーの高さ分下げる方法
　scroll-margin-top: 56px;

ページトップリンク
　押せる

Demo3
スクロールの振る舞い
　scroll-behavior: smooth;
ヘッダーの高さ分下げる方法
　scroll-margin-top: 56px;

ページトップリンク
　押せる

Demo4
スクロールの振る舞い
　scroll-behavior: smooth;
ヘッダーの高さ分下げる方法
　margin-top: -56px;
　padding-top: 56px;
ページトップリンク
　aとbのリンクは押せない