Javascript Wordpress浮动页眉干扰从div到div的页面导航

向下滚动页面时，Wordpress有一个浮动标题。我的一个页面很长，所以我想给用户一个索引，他们可以单击该索引转到页面的不同部分

例如：

<a href="#Paragraph1">Para 1</a>
<a href="#Paragraph2">Para 2</a>
<a href="#Paragraph3">Para 3</a>

<p id="#Paragraph1">sample text</p>
<p id="#Paragraph2">sample text</p>
<p id="#Paragraph3">sample text</p>

示例文本
示例文本
示例文本

问题是，当用户单击第1段链接时，页面将导航到正确的位置，但段落的顶部被浮动页面标题覆盖。无论如何，当用户导航到页面上所需的段落时，我可以欺骗它，使段落顶部正好位于浮动页面标题下

---

无论如何，页面导航只能在浮动标题下进行。这意味着页面顶部实际上直接位于页眉下方，而不是页眉后面。

可能你可以这样尝试：1-创建html:

示例文本

示例文本

示例文本然后添加此脚本：$（'.scroll'）。单击（函数（e）{e.preventDefault（）；jQuery（'html，body'））.animate（{scrollTop:jQuery（jQuery（this）.attr（'href'））.offset（）.top+200}，1000）；}）//jQuery（jQuery（this）.attr（'href'））.offset（）.top+200（200是页眉的高度，您可以相应地更改它）以下解决方案适合我：