title: How to fix a header with jQueryMobile
body: <p>I am new to jQueryMobile. I have one problem regarding fixed headers. I have this code in my header div:</p>
  
  <pre><code>&lt;div  data-role="header" hieght="100px" data-position="fixed" data-theme="a"  style="min-height: 45px;"&gt;
      &lt;h1&gt;Nieuwspoort&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In this div I have put data-position="fixed". The header is fixed but after I scroll the page my header is hidden and after I am done scrolling my header becomes visible again.</p>