首页 > 解决方案 > 虚拟滚动显示具有快速动态滚动的移动设备上的空白

问题描述

我开发了一个虚拟滚动策略,其灵感来自 Angular cdk 虚拟滚动。它在台式机上运行良好,但问题出现在移动设备上。移动设备默认实现了动态滚动作为滚动行为,并且可以通过每秒滚动数百行来高度加速。以这样的滚动速度,我可以在滚动容器的下半部分看到空白。它很快就填满了,但体验变得有点小故障。即使使用 Angular cdk scroll 我也可以体验到相同的体验。

我在这里看到的主要问题是 - 当使用滚动条或手指滑动滚动容器时,容器实际上是滚动的,然后调用滚动事件处理程序。这意味着即使在您的代码有机会处理和限制它之前,容器就已经滚动了。真的有办法限制速度,以便它可以更顺畅地处理。

标签: angularinfinite-scrollangular-cdk

解决方案


推荐阅读