React Router之滚动还原

1.简介

在早期版本的React Router中,我们提供了对滚动恢复的开箱即用的支持,从那以后人们一直在要求它。希望本文档可以帮助您从滚动条和路由中获得所需的信息!

浏览器开始以history.pushState与普通浏览器导航相同的方式自行处理滚动恢复。它已经可以在chrome中使用,而且非常棒。这是Scroll恢复规格

由于浏览器开始处理“默认情况”,并且应用程序具有不同的滚动需求(例如本网站!),因此我们不附带默认滚动管理功能。本指南应帮助您实现任何滚动需求。

 

2.滚动到顶部

大多数时候,您需要的只是“滚动到顶部”,因为您的内容页面很长,导航到该页面时,页面会一直向下滚动。

这很容易处理<ScrollToTop>,可以在每次导航时向上滚动窗口的组件:

import { useEffect } f

猜你喜欢

转载自blog.csdn.net/qq_27868061/article/details/112726459