White flashes with phonegap + JQM app in ios

Question

I have a phonegap app that uses both AngularJS and jQuery Mobile.

I've noticed, that under ios, sometimes I get white flashes on page transitions - those are done using JQM's changePage.

I do have a fixed header and footer, which, by google, could be the source of the problem.

However, all results indicate that this was an issues that's already fixed in JQM, though it is still occuring in my app, which is running JQM 1.3.1.

Any ideas how to fix this?

Thanks!

EDIT:
I also tried adding user-scalable=no, disabling zooming and dropping data-position="fixed" from header and footer. None of these helped.

Arjun T Raj Arjun T Raj · Accepted Answer · 2013-08-27T10:43:00

< meta name="viewport" content="width=device-width, initial-scale=1" />

to

< meta name="viewport" content="width=device-width, user-scalable=no" />

OR add this css

div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari /
-moz-backface-visibility:hidden; / Firefox */
}

.ui-page {
-webkit-backface-visibility: hidden;
}

if this not works then check https://github.com/jquery/jquery-mobile/issues/4024

White flashes with phonegap + JQM app in ios

2 Answers