官方vue3的用例page c里，配合better-scroll实现滚动加载的例子中 滚动不丝滑

[cduyzh]

官方vue3的用例page c里，配合better-scroll实现滚动加载的例子中
在手机上 滑动，发现滑动一小段距离 然后页面滚动的时候会闪

a9b7d6085533196fc219a4968d910d64.mov

[cduyzh]

实际我们在项目中 也遇到了这个情况，感觉是瀑布流导致的问题，能麻烦检查下 官方用例的代码，并完善demo的演示吗

[heikaimu]

这个我猜测应该是卡片高度没有固定造成的，每个卡片的高度在加载完后就会变化，这个时候又去刷新bs的容器高度，然后又在滚动，这样就会卡顿，我觉得配合bs提前知道卡片的宽高然后把容器的高度一开始就定好。

[cduyzh]

这个我猜测应该是卡片高度没有固定造成的，每个卡片的高度在加载完后就会变化，这个时候又去刷新bs的容器高度，然后又在滚动，这样就会卡顿，我觉得配合bs提前知道卡片的宽高然后把容器的高度一开始就定好。

那请问那个page c 的代码里 应该怎么修改 才能避免这个问题 我目前设置的bs的高度是100%，他自己会撑开按当前视窗剩余高度计算，我甚至看了bs官方的demo演示 同样可能存在此问题

1109_1737946860.mp4

[cduyzh]

我已解决例子中引入better-scroll导致滚动的问题，建议后续demo不要用结合better-scroll来演示的例子，等我有空可以提交一个demo过来，在你的基础上修改，把better-scroll换成vueuse的工具函数来实现滚动和下拉刷新监听

[heikaimu]

核心原因是不是我之前说的那个嘛，频繁触发了bs的更新？

[cduyzh]

这个应该是better-scroll自身的一个问题，看他自己官方的demo演示就会这样，我没去细究这个，毕竟这个东西后续没怎么维护了，我直接采取用vueuse工具库的useScroll+useInfiniteScroll 2个工具类方法来实现了better-scroll的功能