vue使用keep-alive组件缓存,保存页面滚动位置_keep-alikeep-ali缓存页面 会记录滚动条位置吗-CSDN博客

网站介绍:文章浏览阅读2.2k次。需求:  vue项目H5页面列表页可以向上滑动加载下一页;当点击跳转详情页时,保留列表页的滚动位置;当从详情页点击跳转二级页面时,保存详情页的滚动位置。思路:列表页的滚动使用的是vux组件库中的Scroller组件,通过观察发现没有滚动条,而是通过样式transform实现的;当跳转详情页的时候缓存列表页可以记录当前位置和数据。详情页页面未使用组件,而是通过原生的div平铺下来的内容,超出屏幕可视区域后自动生成滚动条,当跳转子表单页面的时候缓存详情页的数据及位置,发现此时详情页的数据缓存了,但是滚_keep-alikeep-ali缓存页面 会记录滚动条位置吗