I am trying to develop a web app for the iPhone that uses the sliding animation from one div to another via the CSS properties -webkit- transition and -webkit-transform. However, I am experiencing a very strange problem that I could not seem to find any information about. The animation itself works great and is very smooth, both divs move perfectly in sync and the animation looks flawless except for one issue: both divs seem to flash totally white (as if the page was blank) just before the animation starts. By adding alerts at various stages of the JavaScript that dynamically changed the CSS I have determined that the flash occurs immediately after setting the -webkit- transform: translateX(-360px) property. In addition the transition works perfectly in Safari 4 so this issue is specific to my iPhone.
Hopefully someone can help me with this issue, I've been banging my head against the wall for days trying to get this to work like Apple's SimpleBrowser example code: http://developer.apple.com/safari/library/samplecode/SimpleBrowser/index.html -- You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
