php - 在 URL 中加载带有 #id 的网页

Question

我正在开发一个 Wordpress 博客，其中将提供一个选项，可以从文章标题标签自动创建目录 (TOC)<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 像素的标题，该项目被隐藏。

我希望找到一个解决方案，以便我可以使链接转到页面上的某个位置，该位置在页面中始终比实际目标 ID 高 50 像素左右。

关于解决方案的任何想法？

score 1 · Accepted Answer

像这样的东西会起作用：

<h2><span style="position: absolute; margin-top: -50px;" id="item1"></span>TOC Item 1</h2>

1 回答 1