关于 vant v2 版 list 组件,在 overview 设为 overlay 时滚动加载异常的问题

结论放最上面:当 vant-list 组件的父元素设置了 overview: overlay 时,vant-list 组件的滚动加载会异常,修改成 overview: auto 就没有问题了。

前端时间在项目中发现一个奇怪的 BUG,list 组件的滚动加载时灵时不灵,底部的状态描述文本也消失不见了。当时排查了一番,没查到原因,就将就将每页加载数量改成 1000 简单修复一下(该项目是在 toB 的 PC 客户端使用,所以可以随便修复一下)。

然后昨天和我说,界面加载太多内容会很卡,需要优化。好的嘛,随便搜了搜,没有可以快速替换的虚拟列表组件,那就直接不使用 vant-list 组件,改成分页得了。

修改过程中,我随手查看了一下 vant-list 组件的父元素,发现一个奇怪的 CSS属性: overview: overlay;  将其修改成 auto 后,我发现 vant-list 组件的滚动加载正常了。真是意外之喜,但是然并卵,毕竟现在不使用 vant-list 了。

posted @ 2022-09-21 16:28  FreezeNow  阅读(637)  评论(0编辑  收藏  举报