【CSS】ページ内リンクのジャンプ先の位置を調整する at softelメモ

問題 ヘッダ固定（position:fixed）のデザインの時などでは、ページ内リンクの移動位置を調整しないと、固定表示したヘッダに肝心の移動先が隠されてしまうのですが、回避する方法はないでしょうか。 答え（１） CSSだけで対応する方法がある。 上に余白を入れて、ネガティブマージンで見た目上はキャンセルすると、ページ内リンクでの移動先を少し上にすることができる。 a.anchor { display: block; padding-top: 70px; margin-top: -70px; } <div> <a href="#anc1">id=anc1に移動するページ内リンク</a> </div> ... ... <div> <!-- ページ内リンクの移動先 --> <a id="anc1" class="anchor"></a> <h1>移動先のコンテンツ</h1> <p>移動先のコン