前言
当 Vue.js / Nuxt.js
项目使用页面缓存(keep-alive)时, 出现了 从详情页返回列表时发现滚动条位置回到了最顶部,并没有停留在进入详情页之前,也找不到问题。
出现该问题非常少见,建议您仔细排查一下,排除其他原因影响到。
本文可以提供给您帮助。
问题分析正常情况下是不会出现该问题的,滚动条的位置都会被缓存记录,
出现这种情况是因为咱们的页面将子元素容器设置成了 100%
高度,
当容器溢出时,出现滚动条,常见于以下界面:
直接就是子元素容器 100%
高度,页面 body
滚动条为 0(因为确实没有超出高度)