javascript - PhoneGap iOS 应用上的页面加载闪烁

Question

我的 PhoneGap 应用程序使用完全使用 CSS 动画的滑入和滑出动画。

您可以找到我的应用基于 here 的元素.

正如您从演示中看到的那样，幻灯片过渡非常流畅，但是只要我添加图像，在加载新页面后它就会闪烁/闪烁几分之一秒。有趣的是，所有 UI 元素都显示在屏幕上，然后出现闪烁。此外，有时页面滚动会出现错误，无法滚动到我的图片所在的页面底部。

我使用 CSS 缓存图像以提高图像加载速度，但还是失败了。我还在不同的博客上发现了关于 JQ 移动上的类似问题，并尝试添加但没有运气:

    webkit-backface-visibility: hidden;

你不知道我是多么感谢你的帮助，我整个星期六都在努力解决这个问题。

Answer 1

经过几个小时的摆弄，我意识到问题是因为滚动机制和固定 header 不受 -webkit 浏览器的支持。我现在使用的是 iscroll 5，问题消失了。