reactjs scrollTop

問題1:code

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

目標:component

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

解決方案:路由

//在componentDidMount週期添加scrollTo()

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

問題2:開發

在同一頁面中點擊回到頂部button,實現頁面回到頂部.

目標:class

onClick時,頁面回到頂部。

解決方案:scroll

<div onClick={() => {document.documentElement.scrollTop = 0;}}></div>
相關文章
相關標籤/搜索