reactjs單頁應用同級路由切換scrollTop

問題:

單頁應用開發時,當在A頁面滾動滾動條後,點擊進入B頁面,滾動條保持在A頁面的滾動位置。

目標:

同級路由切換時,滾動條回滾到頁面頂端。

解決方案:

//在componentDidMount週期添加scrollTo()

class Home extends Component{
    componentDidMount(){
        window.scrollTo(0, 0);
    }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章