我正在使用Wordpress博客，其中可以选择从文章标题<H2> <H3> <H4> <自动创建目录（TOC） / p>
目录链接从页面内容中的标题标签自动创建...
<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。
关于解决方案的任何想法？
答案 0 :(得分：1)
这样的事情会起作用：
<h2><span style="position: absolute; margin-top: -50px;" id="item1"></span>TOC Item 1</h2>