锚链接到错误的地方

Question

我觉得应该有一个简单的解决方案。 我在 html 页面中设置了锚链接，但其中一个链接有问题。

这是我正在使用的代码...

<div class="top-menu">
<a href="#about">About</a></br>
<a href="#jersey">Jersey</a></br>
<a href="#social">SocialMedia</a></br>
<a href="#art">Art</a></br>
</div>

链接

<a id="about"></a>
<a id="jersey"></a>
<a id="social"></a>
<a id="art"></a>

锚点

我遇到的问题是“关于”、“球衣”和“艺术”工作得很好，但“社交”一直链接到“球衣”。

我正在使用漂亮的滚动和滚动锚脚本，但是我已经删除了这些并获得了相同的效果。

如前所述，我也尝试过使用 name="" 和 id="" 进行链接。

锚点不在 div 内，但我也尝试过。

编辑：也只是尝试使用 div 标签而不是 a。

Answer 1

这意味着您有多个具有相同 ID 的元素，还有另一种可能是 Id 处于滚动限制中

Answer 2

我仍然不确定这个问题，但是我找到了解决方案。我已将锚点放在它下方的 div 中。