锚链接无法在页面内工作

Question

我的锚链接完全正常来自不同的页面，但是当点击同一页面内的链接时，它会使你的标题下方太远。锚链接是＆＃34;我们的工作＆＃34;下的子菜单项目。在主导航中。

有人能否对可能导致这种情况的原因有所了解，或提供替代解决方案？

WordPress 4.7.2上的Genesis框架。

Answer 1

问题源于global.js。

从代码中删除它，看看会发生什么。

当您滚动超过某个阈值时（或者在这种情况下，当锚链接向下移动您的页面时），脚本会缩小标题/导航。这会通过向上移动来影响整个页面;你应该把标题设置为position：absolute。您可能需要更多地使用脚本。无论如何，有许多关于缩小Google标题的教程。

次要问题：您在HTML中使用了重复的ID，这在HTML中是技术上不允许的。你可能永远不会看到它的问题，除非你有一个脚本试图访问这些id。无论如何，各种浏览器可能会以不同的方式处理它，所以最好只是纠正它。

例如：

<a id="branding"></a><p></p>
<article class="panel" id="branding">

应该是：

<a id="branding"></a><p></p>
<article class="panel">

...对于所有部分，

旁注：您使用<p></p>来制作视觉差距，但更好的方法是在CSS中使用边距和填充规则。