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

时间:2014-03-22 20:57:15

标签: javascript ios css cordova

我的 PhoneGap 应用程序使用幻灯片并使用完全CSS动画滑出动画。

您可以在here上找到我的应用项目。

正如您从演示中看到的那样,幻灯片过渡非常流畅,但是一旦我添加图像,在加载新页面后,它会闪烁/闪烁几秒钟。有趣的是,所有UI元素都显示在屏幕上,然后闪烁。更多的是,有时页面滚动变得越来越多,它不会让我滚动到我的图像所在页面的底部。

我使用CSS缓存图像以改善图像负载,但再次没有运气。 我也在不同的博客上发现了关于JQ mobile的类似问题,并尝试添加没有运气:

    webkit-backface-visibility: hidden;

你不知道我多么感谢你的帮助我花了整个星期六试图解决这个问题。

2 个答案:

答案 0 :(得分:0)

经过几个小时的摆弄后,我意识到这个问题是因为-webkit浏览器支持的滚动机制和固定标头。我现在正在使用iscroll 5,问题就消失了。

答案 1 :(得分:0)

这是由于你的JS文件 如果你在html页面加载更多的js文件,那么你需要花时间在phonegap应用程序中找到filck 当您在phonegap中开发应用程序时,请尝试使用单页面体系结构来开发必须是更好选项的应用程序 即使我遇到这个问题。