Html 铬合金锚的问题

我设置了一个单页布局，所以我使用锚定标记作为我的站点导航的一部分。除公文包标签外，所有这些标签都在工作。当我从菜单中选择portfolio时，屏幕会跳到适当的部分，然后立即移动到上面的部分

我不确定是否有任何其他代码的干扰，或者解决方案图片/文本的动画是否造成了问题，但我似乎无法独自解决

需要注意的是，该链接确实有效，但仅当您已经选择了portfolio ex./portfolio时

我的网站是

---

有什么想法吗？

你的锚没有问题。问题在于，解决方案部分中的橙色圆圈在向下滚动之前不会显示，因此它们尚未呈现到页面中。这使公文包部分在页面中占据更高的绝对位置。Chrome会跳转到您的分区，该分区首先工作正常。但当解决方案部分加载时，它会向下推组合

---

如果您知道解决方案部分或部分中包含的图像的确切高度，我建议您将此高度指定给相应的元素。这样，在内容实际加载/初始化之前，所有维度都设置正确。

我找到了一个解决方案，在我的原始代码中，锚定标记在段落标记之外：

<p style="text-align: center;padding-top: 55px;">[maxbutton id="5"]</p><a id="portfolio"></a>

将它们放在标签中解决了问题：

<p style="text-align: center;padding-top: 55px;">[maxbutton id="5"]<br><a id="portfolio"></a></p>

---

我不能告诉你为什么它会有不同，但它做到了，谢谢你的帮助

在第二次点击时，它会到达正确的位置。我认为它也必须是动画，所以我删除它只是为了确保。即使没有动画，问题仍然存在。