我有一个转到该页面不同页面的按钮。我正在使用来自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>


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

最佳答案

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

window.scrollTo(0, 0);


您可能需要在窗口URL更改中添加诸如侦听器之类的内容,才能将滚动条设置到最顶部。

10-06 04:21
查看更多