I am trying to use JQM in a Phonegap project to create a fixed header and footer in an iOS app. I have a page that uses collapsable DIVs and it has a text input inside the DIV. Everything is fine with the header and footer until I expand the DIV and input something into the text field. Once I dismiss the iOS keyboard the header has moved up and is overlaid by the iPhones "information" bar, and the footer has also slid up on the page and is no longer fixed to the bottom. If I expand another collapsible DIV after this the footer moves back into the correct location, but the header stays overlaid off the top of the screen. Any ideas what is going on?
This doesn't fix it for me, when this happens and i use your solution on iPhone 4S the header goes back up but all the pages become extended under the footer (it is as if the div that has data-role="content" doesn't see that there is a footer so it extends behind it)
Leave a comment on shereefz's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic