iOS html app:大滚动列表会导致元素消失

时间:2014-02-24 15:23:43

标签: javascript jquery ios css html5

我正在制作一个Facebook好友选择器,其中的项目包含头像和用户名。在快速滚动时,元素通常会出现延迟。

我意识到我的问题与此类似:iPad Safari scrolling causes HTML elements to disappear and reappear with a delay 但是,接受的答案并没有解决我的问题,因为它导致我的应用程序在滚动一段时间后崩溃。滚动也变得更加滞后。

我不知道GPU渲染如何工作的细节,但我的猜测是每一行都成为GPU中的纹理,过了一段时间它就太多了。

我还能尝试其他什么吗? btw没有相对定位。 我有大约700个朋友,但我只能想象问题会随着列表变得更长而变得更糟,因为当我故意将它设置为显示较少的项目时,问题似乎就会消失。

谢谢!

2 个答案:

答案 0 :(得分:0)

我建议您使用ng-grid中的AngularJS功能来处理需要在HTML应用中滚动的长列表。其他建议只是优化CSS,并确保在滚动时不会出现大量处理能力的盒阴影,渐变等。

希望有帮助和任何问题让我知道!

答案 1 :(得分:0)

这会解决您的问题吗?

overflow-y: auto;

将其添加到您的容器中。

(根据您的需要,大概只有overflow: auto;也可以。)

相关问题