title: how to 'fix' the header footer position using jquery mobile with data-position="fixed"
body: <p>i am using jquery mobile and for header/footer i am using data-position="fixed".</p>
  
  <p>However, when we scroll the page... the header footer goes away ands reappear when scrolling stops..
  Is there a way we could just make it fixed on the screen an show all the time you are scrolling ? </p>
  
  <p>I can only think of a way is to apply position fixed and not use jquerymobile for these elements..</p>