Question

Found this answer In Jquery mobile, Header and footers are always hiding, when clicking inside the page?

The only difference that I have is I do NOT have data-fullscreen=”true” but have a data-cache=”never”.

footer bar keeps fading in and out. Just want footer navbar to be on bottom of screen without fades.

<div data-role="page" data-cache="never" id="mainPage">
<script>
$('#mainPage').live('pagecreate', function (event) {

    $.fixedToolbars.setTouchToggleEnabled(false);

});
</script>
....header stuff
<div data-role="content" id="mainContent">
....
</div>
<div data-role="footer" data-theme="a" data-position="fixed">
  <div data-role="navbar">
    <ul>
      ... 4 li's
    </ul>
  </div>
</div>
</div>

EDIT

Here we go. How is this done?
http://jquerymobile.com/test/experiments/scrollview/#../../docs/toolbars/footer-persist-a.html

Header loads immediately but not footer. Would like for my footer to act like the header of that page.

Answer 1

This is fixed in jQueryMobile 1.1 rc1. See this link

Use data-tap-toggle=”false” on your footer.