記事の見出しタグから目次（TOC）を自動作成するオプションがあるWordpressブログに取り組んでいます<H2> <H3> <H4>
ページコンテンツの見出しタグから自動作成された目次リンク...
<a href="#item1">TOC Item 1</a>
<a href="#item2">TOC Item 2</a>
<a href="#item3">TOC Item 3</a>
ページ内のこれらのリンクのターゲット...
<h2 id="item1">TOC Item 1</h2>
<h2 id="item2">TOC Item 2</h2>
<h2 id="item3">TOC Item 3</h2>
私の問題は、私が取り組んでいるテーマに、50ピクセル周辺の固定ヘッダーがあることです。そのため、目次のリンクをクリックしてそのターゲット ID に移動すると、50 ピクセルのヘッダーのために項目が非表示になります。
リンクをページ内で常に 50 ピクセル以上の位置に移動させ、実際のターゲット ID が配置されるようにするための解決策を見つけたいと考えています。
解決策に関するアイデアはありますか？