title: jQuery Mobile - make fixed header not fade out when scrolling
body: <p>I'm trying to have a fixed header for my jQuery Mobile project like this <a href="http://jquerymobile.com/test/docs/toolbars/bars-fixed.html" rel="nofollow noreferrer">demo page</a>.</p>
  
  <p>I've tried the attributes of data-position="fixed" data-fullscreen="true", however my header isn't visible as you scroll and then fades in. How can I remove this fade in / out functionally? </p>
  
  <p>I have found this <a href="https://stackoverflow.com/questions/6364227/how-to-fix-the-header-footer-position-using-jquery-mobile-with-data-position">similar question</a> but I think it might be outdated as although they discuss the issue they don't mention this demo page which seems to do what they need:</p>