乐趣区

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

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

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

退出移动版