Skip to main content

滚动恢复 Scroll Restoration

传统上,当你在 Web 浏览器中导航到一个先前访问过的页面时,你会发现该页面被滚动到你离开该页面时的位置。 这就是所谓的滚动恢复。 不过自从 Web 应用开始向客户端数据获取模型转移以来,这种方式已经有点不太受重视了。 但是,这种忽视会被 React Query 正确的纠正。

React Query 中,所有查询(包括分页查询和无限查询)相关的“滚动恢复”功能都是开箱即用的,正好能用™️。 其原因是,React Query 正确缓存了查询的结果,而且可以在查询结果被渲染时同步检索。 而且只要你的查询被缓存了足够长的时间(默认时间是 5 分钟)并且还没有被垃圾回收,滚动恢复就会一直有效。