Html 锚定链接不会指向页面的正确部分

所以我有一个包含不同部分的页面，在我的例子中是具有唯一ID的div。在同一个页面中，我使用了这些类型的锚，它就像一个符咒

<a href="#sobre" className="nav-item nav-link">Sobre</a>
<a href="#projetos" className="nav-item nav-link">Projetos</a>
<a href="#reunioes" className="nav-item nav-link">Reuniões</a>
<a href="#workshops_palestras" className="nav-item nav-link">Workshops/Palestras</a>
<a href="#contactos" className="nav-item nav-link">Contactos</a>

然而，在另一页中，我使用了这些类型的锚

<a href="/rcviseu#sobre" className="nav-item nav-link">Sobre</a>
<a href="/rcviseu#projetos" className="nav-item nav-link">Projetos</a>
<a href="/rcviseu#reunioes" className="nav-item nav-link">Reuniões</a>
<a href="/rcviseu#workshops_palestras" className="nav-item nav-link">Workshops/Palestras</a>
<a href="/rcviseu#contactos" className="nav-item nav-link">Contactos</a>

---

所以，在最后一页，如果我点击任何一个锚，有时它会走到正确的地方，而其他时候它只是在页面中间的某个地方放弃滚动。< /P>请阅读。当外部资源消失或固定时，依赖外部资源理解的问题将变得无用。创建一个问题，并将其放在问题本身中。Stackoverflow确实支持我的猜测，它正在执行锚导航，而React仍在加载内容并修改DOM。因此，导航“起作用”，但页面内容几乎立即发生变化，并将预期的部分进一步向下推。可能有

react router

软件包可以帮助您完成此操作。或者，您可以在

useffect

调用中监视URL值，并手动滚动页面以达到此效果。您不需要地址的/rcviseu部分。相同的页面链接以#开头。