从详情页返回列表,恢复原来的滚动位置

列表页在跳转前把滚动位置存下来,返回时读出来再滚回去,用户就不会被弹回顶部。

存入 sessionStorage 或路由参数,用 key 区分不同筛选条件和页码下的列表位置。

回退时数据是异步来的,要等列表渲染完再设滚动值,否则高度还没撑起来滚不到位。

// 离开列表前记录
sessionStorage.setItem('listScroll', window.scrollY)
// 数据渲染完成后再恢复
await nextTick()
window.scrollTo(0, +sessionStorage.getItem('listScroll') || 0)
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容