reactjs单页应用同级路由切换scrollTop

34次阅读

共计 176 个字符,预计需要花费 1 分钟才能阅读完成。

问题:
单页应用开发时,当在 A 页面滚动滚动条后,点击进入 B 页面,滚动条保持在 A 页面的滚动位置。
目标:
同级路由切换时,滚动条回滚到页面顶端。
解决方案:
// 在 componentDidMount 周期添加 scrollTo()

class Home extends Component{
componentDidMount(){
window.scrollTo(0, 0);
}
}

正文完
 0