CJY0208 / react-activation

Hack <KeepAlive /> for React
https://www.npmjs.com/package/react-activation
MIT License
1.78k stars 140 forks source link

scroll失效 #305

Closed 3420580499 closed 7 months ago

3420580499 commented 7 months ago

你好,我看md文档中写了keepalive会记录children元素的滚动位置,并在回到缓存页面时滚动到原先位置,现在有个问题,我的overflow-y属性并不是设置给ka-content元素的直接子元素的,而是内容很深层的子元素,我想问一下可以触发的滚动到之前的操作吗,我在实测的时候,前几次往往不行,后面多点击几次,然后返回又行了。

3420580499 commented 7 months ago

ok,我好像发现问题了,如果说Suspense组件放在keepalive外部会导致缓存页面停留在Suspense页面,导致缓存页面渲染不出来,当我将其改为 :(element为懒加载返回的路由页面对应的组件)
<KeepAlive id={'popular_id'} cacheKey="popular" saveScrollPosition={true}> <Suspense fallback={}>{item.element} 就可以避免上面两个问题了!