ヘッダーの位置は固定で、高さは 100px です。
コンテンツに移動するヘッダー内にアンカー タグがあります。問題は、クリックしたときにヘッダーが正しい場所にスクロールしないためです。つまり、遠くまでスクロールします。
正しく表示されるように、そのアンカー位置に垂直方向のスペース (パディング) を追加するにはどうすればよいですか?
私のコード
リンク:
<li>
<a href="#whoisresponsible">text</a>
</li>
アンカー:
<h3>
<a name="whoisresponsible"></a>Q: Who is responsible for Lifeline’s Suburban Garage Sales?
</h3>
ここにjsフィドルがあります