zl程序教程

您现在的位置是:首页 >  工具

当前栏目

React路由跳入新页面滚动条不在初始位置

路由React 位置 滚动条 初始
2023-09-27 14:28:54 时间

如果旧路由页面有滚动条了,跳到新页面,其实是相当于把 div#root 里的内容替换了 而且协议页面中,数据是写死的,也就是说滚动条一直存在 如果协议数据是后端获取的,那跳转到协议页的时候,页面为空,滚动条消失,然后接口返回数据,渲染出来,滚动条就在初始位置

// 解决 在新的协议页面加入
componentDidMount() {
    window.scrollTo(0, 0);
}