反应 - 单击按钮转到视口顶部

Question

我有一个按钮转到另一个页面，这是代码行。我使用的是来自react-router-dom的链接：

<Link to="/finefi" className="btn btn-big btn-primary p2">Ingresa a FinEfi</Link>

如果我去/ finefi键入URL，它会转到视口的顶部，但如果我点击按钮，它会转到视口的中间。我该如何解决这个问题？

另外，我在同一页面中有一个按钮（在页面中间）

<Link to="/finefi" className="btn btn-big btn-primary p2 px3">Regístrese</Link>

当我点击该按钮时，我希望它转到同一页面的开头？ 在这两种情况下我该怎么做？

Answer 1

React路由器仅更改窗口URL，但它不会更新文档滚动。当您以编程方式更改页面时需要进行设置：

window.scrollTo(0, 0);

您可能需要向窗口URL更改添加类似侦听器的内容，以将滚动设置为最顶层。