Question

I have a query mobile site and I am trying to keep my header fixed at the top of the page and have the content scroll underneath. In the documentation I found exactly how to do this. Simply add data-position=”fixed” attribute to the header element. Easy enough and it looks great on their demo page (Fixed Toolbars).

However, when I do the exact same thing on my side, I get the ugly fading toolbars. The header is now fixed, which is good, but I would like it to be always visible (and not fade in and out when the user scrolls).

So my question is: Is there an easy way to avoid the fading? How did JQM avoid the fading on their own demo page? I seem to not be able to see how they implement the behavior differently than I do.

Any help is greatly appreciated.

Answer 1

I ended up fixing my headers in CSS using position: fixed;

I know iPhones with iOS < 5 can’t handle it, but I am OK with that.