时间戳

首页 > 解决方案 > 当滚动太快时，白屏出现角度

javascript - 当滚动太快时，白屏出现角度

问题描述

我一直在 chrome 上对此进行测试。在长滚动期间，数据开始从屏幕上消失，并在几秒钟后回来。有没有解决这个问题的办法。

谢谢，

标签： javascripthtmlcssangulartypescript

解决方案

当您拥有大量或非常大的数据并从中生成视图并且每次您进一步填充越来越多的数据时都会从上到下重新渲染时，就会看到这种行为。如何使用无限滚动或虚拟滚动。

  1. 如果您使用无限滚动，那么您需要每页或每集调用固定数量的数据。当您带来下一个数据时，请尝试删除已经显示的上一个列表，依此类推。这可以在滚动事件上进行处理，可以实现，但编码必须很棘手。详情：https ://www.npmjs.com/package/ngx-infinite-scroll

  2. 虚拟滚动给人的外观和感觉就像您正在滚动一长串数据，但背后的真实场景是它使用了一些有限数量的数据，这些数据可以适合您的视图，用于渲染变得非常轻巧且快速渲染的列表. 但同样，您需要知道每个视图将显示固定数量的数据。此外，您需要提前一次携带所有数据。详情：https ://www.npmjs.com/package/angular2-virtual-scroll

推荐阅读