How To Fix A Header With Jquerymobile

I am new to jQueryMobile. I have one problem regarding fixed headers. I have this code in my header div:

Solution 1:

Proper fixed header support has been introduced into jQueryMobile from version 1.1-rc1 onwards.

To fix your headers make sure to add the following attribute

data-position="fixed"

If you would like to disable tap-to-toggle then add the following

data-tap-toggle="false"

Your pastebin example modified to work:

<div  data-role="header"data-position="fixed"data-tap-toggle="false"data-theme="a"  style="min-height: 45px;">
  <h1>Nieuwspoort</h1>
</div> 

You need to ensure you are using 1.1-rc1 with jQuery 1.7.1

Share