View Full Version : Splash Screen

23 Aug 2011, 7:01 AM
I built a iPhone app using ST and PhoneGap. After native splash screen goes away, it shows blank screen for a sec before ST app renders. I figure it due to delay in initializing javascript. So I add a background image to index.html - same image as the native splash screen.

.bg {
background: url(bg.png) center;
<body class="bg">

But when ST initializes the app, it seems to double the body height for a sec before rendering the components, so it looks like the background image is jumping up and down, appear worse than white screen.

How do I fix this? Is there an example on proper splashscreen implementation?

23 Aug 2011, 7:46 AM
The solution here http://www.sencha.com/forum/showthread.php?112300-Killing-white-screen-after-splash-screen-load/page3 works for iPhone.

But doubling of page body height is still a problem when deployed to Web. On Chrome, it looks like a flash of scrollbar. On Mobile-Safari, the page is scrolled to the bottom, revealing a flash of white.