angular - 虚拟滚动显示具有快速动态滚动的移动设备上的空白
问题描述
我开发了一个虚拟滚动策略,其灵感来自 Angular cdk 虚拟滚动。它在台式机上运行良好,但问题出现在移动设备上。移动设备默认实现了动态滚动作为滚动行为,并且可以通过每秒滚动数百行来高度加速。以这样的滚动速度,我可以在滚动容器的下半部分看到空白。它很快就填满了,但体验变得有点小故障。即使使用 Angular cdk scroll 我也可以体验到相同的体验。
我在这里看到的主要问题是 - 当使用滚动条或手指滑动滚动容器时,容器实际上是滚动的,然后调用滚动事件处理程序。这意味着即使在您的代码有机会处理和限制它之前,容器就已经滚动了。真的有办法限制速度,以便它可以更顺畅地处理。
解决方案
推荐阅读
- tensorflow - tfp.mcmc.sample_chain 中的 parallel_iterations 究竟是什么意思?
- leaflet - OpenMapTile 服务器 + 传单 - 性能不佳
- normal-distribution - 数据的日志转换不会规范化数据
- jenkins - 如何重置 Jenkins 电子邮件扩展插件发件人配置?
- arrays - 为什么 * 间接运算符在二维数组中给出地址?
- graph - Microsoft Graph 管理员权限
- javascript - JavaScript 语法错误,无通知
- python - 获取 openstreetmap 中节点/位置的多边形 shapefile/KML
- firebase - Firestore 我应该将用户的文档 ID 设置为什么?
- javascript - 父组件首次挂载时反应子组件不渲染