問題:
單頁應用開發時,當在A頁面滾動滾動條後,點擊進入B頁面,滾動條保持在A頁面的滾動位置。
目標:
同級路由切換時,滾動條回滾到頁面頂端。
解決方案:
//在componentDidMount週期添加scrollTo()
class Home extends Component{
componentDidMount(){
window.scrollTo(0, 0);
}
}
問題:
單頁應用開發時,當在A頁面滾動滾動條後,點擊進入B頁面,滾動條保持在A頁面的滾動位置。
目標:
同級路由切換時,滾動條回滾到頁面頂端。
解決方案:
//在componentDidMount週期添加scrollTo()
class Home extends Component{
componentDidMount(){
window.scrollTo(0, 0);
}
}