我有一个转到该页面不同页面的按钮。我正在使用来自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更改中添加诸如侦听器之类的内容,才能将滚动条设置到最顶部。