问题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>