5

I have been trying to fix an issue of page getting flickered twice when navigating between pages. I have tried adding the following css

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

After adding this css code, the behavior is still unpredictable. Initially there is no flickering but after few clicks it starts flickering.

Can anyone please suggest a proper solution for this.

Kara
  • 6,115
  • 16
  • 50
  • 57
  • if you are using fixed header in jquery mobile there is a high chance of getting such issues releated with flickering. – Paras Aug 13 '13 at 07:12
  • I am not a cordova programmer, but I have trouble believing there's enough information here to reproduce the problem. See [SSCCE](http://sscce.org/) – JDB Aug 23 '13 at 13:05
  • Does this happen when you view the pages during development, or only on when viewed on a mobile device? If so, which ones? What background images are you using? Can you provide a small example which demonstrates the problem? – KatieK Aug 23 '13 at 17:33

2 Answers2

0

JQM it's know to have issue with Cordova Phonegap, the main one it's really slow and paginating can put out troble like flickring, missing animations etc.

You can try another framework like jQT (jQTouch) or the new Intel AppFramework (not as fancy has jQT but really fast).

Also a really good (full app avaible in stores) start it's the app made by Andrew Trice that use different libraries: https://github.com/triceam/Fresh-Food-Finder

Btw there's no winner framework when using Cordova / Phonegap it depends on what You are trying to achieve.

oudoken
  • 100
  • 1
  • 7
0

This may help: Flickering when navigating between pages

You can try adding the viewport meta tag as this solved it for me:

Community
  • 1
  • 1
Lucas
  • 1,221
  • 9
  • 10