Here is the quick article to share the solution I found for fixed header issue using PhoneGap and jQuery mobile in Android/iOS application.
I have used jQuery mobile for an android PhoneGap application. I have created a header which position is fixed means sticks to the top of the device’s screen.
It has data-position=”fixed” so It will display every time even you have to scroll a page. Now let’s see the problem I have faced with this.
I have one image after the header and when I tap on that image and click on the screen the headers slightly jumps up and then reset to the position.
So, I got a solution of this problem by using one attribute of jQuery mobile and to do this, I have used jQuery mobile attribute data-tap-toggle.
So, Let’s see the code: