在 Firefox OS 应用中滚动时出现渲染问题答案

【问题标题】：Rendering issue while scrolling in a Firefox OS app在 Firefox OS 应用中滚动时出现渲染问题
【发布时间】：2013-11-26 16:22:22
【问题描述】：

我有一个 Firefox OS 应用程序，它显示不同大小的图像和文本（标题和内容）。该应用程序过去在模拟器和设备上都可以正常工作，但今天我每次滚动页面时它都开始出现奇怪的渲染。

问题在于图像和文本在原始内容下方重新绘制，使页面成为图像和文本的可怕混合，使应用程序无法阅读。这是问题的截图：Screenshot 1

另一个奇怪的事情是，在我断开设备并且大约一个小时没有更新应用程序后，问题突然停止出现。

之后，我将设备连接到我的计算机并使用其他内容更新了应用程序（注释了我不需要的警报命令，没有其他内容），然后它又开始了。

我正在使用的设备是带有 Firefox OS 1.2 的 Peak，我正在使用 App Manager 将应用程序上传到设备上。该应用程序可与 jQuery 库以及 Firefox OS 应用程序所需的基本 HTML5、CSS3 和 JavaScript 配合使用。

这里发生了什么？

编辑：我认为我的问题表述错误，因为问题是图像和文本不会被删除，但滚动时会重新绘制。

我还注意到，当我加载页面时会发生重绘和不擦除，并且某些内容的加载时间比其他内容要长，因此首先加载的内容会在新内容下方重绘。

我认为这可能与屏幕的帧速率有关，但我不知道如何在我的应用中解决这个问题，并且不会弄乱手机的核心。

【问题讨论】：

【解决方案1】：

我通过消除一个进程（从 iframe 加载 Flurry.js 脚本）解决了这个问题，该进程正在完成并从我的设备中消耗大量“能量”。

我认为一次执行太多进程可能是我的问题的原因。

至少它现在可以工作了:)

【讨论】：