Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/272.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 加载URL中带有#id的网页_Php_Html - Fatal编程技术网

Php 加载URL中带有#id的网页

Php 加载URL中带有#id的网页,php,html,Php,Html,我正在一个Wordpress博客上工作,这里有一个选项,可以根据文章标题标签自动创建目录(TOC) 目录链接从页面内容中的标题标记自动创建 <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&

我正在一个Wordpress博客上工作,这里有一个选项,可以根据文章标题标签自动创建目录(TOC)

目录链接从页面内容中的标题标记自动创建

<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>
TOC项目1
TOC项目2
TOC项目3
我的问题是我正在处理的主题有一个固定的标题,大约是
50
像素。因此,当您单击目录中的某个链接以转到其目标id时,该项目将由于50像素的标题而隐藏

我希望找到一个解决方案,这样我可以使链接转到页面上的一个位置,该位置在页面中始终为50像素或更高,而实际的目标ID则位于该位置


有什么解决办法吗

像这样的方法会奏效:

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