Question

29

How to fix jQuery Mobile's fixed footer?

rated 0 times [ 36] [ 7] / answers: 1 / hits: 41084 / 14 Years ago, tue, december 7, 2010, 12:00:00

Using jQueryMobile, I've included data-role=footer data-position=fixed in the markup, but two bugs persist:

Footer toggles on a null click event.

Footer isn't fixed, and hides some of the page content.

I'm testing with iPhone 3g. Any ideas?

Thanks in advance.

UPDATE: It seems that the click event modifies the current page's footer, and changes ui-fixed-overlay to ui-fixed-inline, which of course is styled display:none to prevent the other pages' footers from appearing.

How can I prevent this modification?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jonathoncamrynv

Add To Favorites

Follow

Total Points: 339

Total Questions: 98

Total Answers: 98

Location: Saint Vincent and the Grenadines

Member since Thu, Oct 15, 2020

4 Years ago

answered 14 Years ago alorac · Accepted Answer

If using 1.1 or later, add data-tap-toggle=false to your header and footer, as documented here.

If you're using a version of jQuery Mobile prior to 1.1, place the following before loading jQuery Mobile:

$(document).bind(mobileinit, function(){

  $.mobile.touchOverflowEnabled = true;

}); // remove