1.简介
在早期版本的React Router中,我们提供了对滚动恢复的开箱即用的支持,从那以后人们一直在要求它。希望本文档可以帮助您从滚动条和路由中获得所需的信息!
浏览器开始以history.pushState
与普通浏览器导航相同的方式自行处理滚动恢复。它已经可以在chrome中使用,而且非常棒。这是Scroll恢复规格。
由于浏览器开始处理“默认情况”,并且应用程序具有不同的滚动需求(例如本网站!),因此我们不附带默认滚动管理功能。本指南应帮助您实现任何滚动需求。
2.滚动到顶部
大多数时候,您需要的只是“滚动到顶部”,因为您的内容页面很长,导航到该页面时,页面会一直向下滚动。
这很容易处理<ScrollToTop>
,可以在每次导航时向上滚动窗口的组件:
import { useEffect } f