My PhoneGap application utilizes slide in and slide out animations that are created entirely with CSS animations.
You can check out the project that inspired my app here.
In the demo, you'll notice that the slide transitions are smooth. However, when I add images to the pages, there is a slight flicker or blink after the new page loads. Interestingly, all UI elements appear on screen before the flickering occurs. Furthermore, sometimes scrolling on the page becomes glitchy and doesn't allow me to scroll to the bottom where my images are located.
I attempted caching the images using CSS to improve loading, but it didn't solve the issue. I also read about a similar problem on JQ Mobile blogs and tried adding the following CSS without success:
webkit-backface-visibility: hidden;
Your assistance would be greatly appreciated as I've spent my entire Saturday trying to resolve this problem.