phonegap + jqm page transitions

Question

I have read 10+ questions concerning this issue, yet no one solved it for me..

---

I have uploaded the app in a github publich repository, and there is the phone gap build link . I'm testing on PC-Browser (chrome) using "Ripple" simulator, it's working fine. But when I test on my phone (Samsung Note 3), it gives weird transitions other than slide!! as much as I can tell, it fades then slides, which gives a horrible transition effect. =(... Please Advice..

---

[UPDATE] Feel free to edit the repo (if possible)

Answer 1

I couldn't find any suitable solution for this issue but I have something like a hack to overcome it

• upgrade your jQuery mobile to JQUERY MOBILE 1.4.0 RC1 or anything above, this will make your animations faster and smoother.

• add those lines to your css main file:

   /** To fix white flash between transitions**/ .ui-overlay-a { background-image: url(../img/bg.png) !important; background-repeat: repeat !important; background-color: #182633 !important; } .ui-page { -webkit-backface-visibility: hidden; } 

• update ".ui-overlay-a" css with corrosponding backgorund color and image.