問題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>