how to 'fix' the header footer position using jquery mobile with data-position=“fixed”
i am using jquery mobile and for header/footer i am using data-position="fixed". 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 ? I can only think of a way is to apply position fixed and not use jquerymobile for these elements.. I tried my best to get this to work. If you want you can delete the function that changes the header and footer class from .ui-fixed-overlay to .ui-fixed-inline and remove the webkit animation from .fade.in and .fade.out,