The issue I had with jquery mobile fixed is that the header and footer fade. I imagine this is something that they will correct in the future but in addition to iscroll suggested by Dan, there is also jquery mobile scrollview and wink toolkit.Fixed& Persistent footers. This can be accomplished by using the persistent footer feature included in jQuery Mobile. For example, by adding dataid jquery mobile persistent footer example
Persistent toolbars. These pages are a demo of a persistent navbar in a fixed footer toolbar. Click on any of the links in the footer, and you'll see the page content transition. Both the persistent header and footer on these pages remain in place during the animation to a new HTML page.
Persistent footers. In situations where the footer is a global navigation element, you may want it to appear fixed in place between page transitions. This can be accomplished by using the persistent footer feature included in jQuery Mobile. The persistent footer was achieved using datarole footer dataid (some consistent id) dataposition fixed . It worked fairly well (random glitches with it getting misplaced then automatically fixing itself after a couple seconds).jquery mobile persistent footer example To make a footer persistent between transitions, add the dataid attribute to the footer of all relevant pages and use the same id value for each. For example, by adding dataid myfooter to the current page and the target page, the framework will keep the footer anchors in the same spot during the page animation.
jQuery Mobile Navbar Persistent Learn jQuery Mobile in simple and easy steps the content of the page changes and the persistent header and footer Example jquery mobile persistent footer example Footers API. The footer is a toolbar at the bottom of the page that can contain a wide range of content, from for elements to navbars. Footer markup. The footer bar has the same basic structure as the header except it uses the datarole attribute value of footer. Couldn't figure out a way to put a bounty on my old question, so I'm reposting it because maybe it was a bug. Short version: I want a persistent header in a PhoneGapJQM application that stays in Both the persistent header and footer on these pages remain in place during the animation to a new HTML page. To tell the framework to apply the persistent behavior, add the same dataid attribute to the header andor footer of all HTML pages in