splash screen not showing and screen shaking vigorously while scrolling up or down phonegap

I finally finished my phonegap app. I put the config.xml file and all my html, css and js files in a folder and uploaded it to phonegap build. I downloaded the ipa file to test it on my iphone. However it has two problems.

1) As soon as I open the app, first a black screen appears for a moment before showing the splash screen. Even the splash screen won’t show. Just a blank screen appears with the spinner and then my app loads. However, the icons are being displayed. This is my config.xml code for splash screen.

<gap:splash src="res/screen/ios/ios_320X480.png" gap:platform="ios" width="320" height="480"/>
<gap:splash src="res/screen/ios/ios_640X960.png" gap:platform="ios" width="640" height="960"/>
<gap:splash src="res/screen/ios/ios_640X1136.png" gap:platform="ios" width="640" height="1136"/>
<gap:splash src="res/screen/ios/ios_768X1024.png" gap:platform="ios" width="768" height="1024"/>
<gap:splash src="res/screen/ios/ios_750X1134.png" gap:platform="ios" width="750" height="1134"/>
<gap:splash src="res/screen/ios/ios_1242X2208.png" gap:platform="ios" width="1242" height="2208"/>
<gap:splash src="res/screen/ios/ios_1536X2048.png" gap:platform="ios" width="1536" height="2048"/> 

2) The app has a page where articles are loaded from a json page that I am hosting on a server. The articles load properly. However when I hold the screen and scroll up or down, the screen starts shaking vigorously. I looked at other forums to see but all I found is DisallowOverscroll. But DisallowOverscroll set to true makes sure that the screen doesn’t bounce if scrolled entirely to the bottom or to the top. But my problem is once I put my finger on the screen and scroll down, the page starts shaking up and down. I tried everything for the past two days but nothing worked. Any help is really appreciated.


Source: css3

Leave a Reply