r4nd7263
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.
<html>
<header>
...
<style>
.bg {
background: url(bg.png) center;
}
</style>
</header>
<body class="bg">
</body>
</html>
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?
<html>
<header>
...
<style>
.bg {
background: url(bg.png) center;
}
</style>
</header>
<body class="bg">
</body>
</html>
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?