Take the 2-minute tour ×

Check this jsfiddle

The footer is set with data-position="fixed" but tapping the screen will not hide the footer element as shown here in the jquery mobile fixed toolbars example. Anyone knows why?

The footer is getting the class .ui-fixed-hidden but nothing happens, I guess some js rows is not kicking in.

share|improve this question
Why do you think that tapping the screen should hide your fixed footer? –  Nelson Nov 28 '12 at 9:37
because if you follow the link above to the jquery mobile example you will see that it hides on click. Also in the jsfiddle the footer gets the class "ui-fixed-hidden" when clicking the body. –  halliewuud Nov 28 '12 at 10:23
It's because you don't have enough content on the page so there is no reason for the footer to hide. If you look at this fiddle jsfiddle.net/7ws3X/1 you will see the footer hide. –  codemonkey Nov 28 '12 at 11:13
make that an answer @codemonkey and you will get the correct answer –  halliewuud Nov 28 '12 at 12:43
add comment

1 Answer

up vote 1 down vote accepted

The footer is not hidden because there is not enough content on the page. It will only hide if it is obscuring content so that you can see the content.

If you add enough content to the page to scroll past the end the footer will hide on tap.

share|improve this answer
add comment

Your Answer


