带有哈希片段的锚未导航到匹配的 id

Posted 2023-02-21

【中文标题】带有哈希片段的锚未导航到匹配的 id

【英文标题】：Anchor with hash fragment is not navigating to matching id

【发布时间】：2017-02-02 01:45:21

【问题描述】：

我有一个带有哈希片段的锚：

<a href="#people">People</a>

在我的页面下方，我有一个具有匹配 ID 的部分：

<section id="people">...</section>

点击链接时，URL 会更新，但页面不会移动到该部分。

你可以在这里试一试，所有的nav项都有hash片段，页面上的每个部分都有一个匹配的ID：https://react-test-don.herokuapp.com

为什么单击我的锚标记没有任何作用？

【问题讨论】：

这似乎相关***.com/questions/28893855/…

可能是Pekka，检查了一下，也添加到标签“react-router”

【参考方案1】：

为此我使用

<a name="subject"></a> - At the position in the page where I want to go
<a href="#subject">Go to subject</a> For the link to jump there

查看我的页面 - 你应该可以查看源代码

Here

只需向下滚动到显示“在此页面上”的位置，就会有几个链接将您带到页面的不同部分。