javascript - React - 单击按钮转到视口(viewport)顶部

Question

我有一个按钮可以转到不同的页面，这就是代码行。我正在使用来自 react-router-dom 的链接:

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

如果我转到/finefi 输入 URL，它会转到视口(viewport)的顶部，但如果我单击按钮，它会转到视口(viewport)的中间。我该如何解决此问题？

此外，我在同一页面中有一个按钮(在页面中间)

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

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

Answer 1

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

window.scrollTo(0, 0);

您可能需要添加一些类似窗口 URL 更改的监听器，以将滚动设置到最顶部。