After fixing a footer in jQuery Mobile 1.2.0, any time i click anywhere on the page the page footer slides down. Upon inspection I found that the ui-fixed-hidden class was being applied to the footer, but I'm not sure why.
After fixing a footer in jQuery Mobile 1.2.0, any time i click anywhere on the page the page footer slides down. Upon inspection I found that the ui-fixed-hidden class was being applied to the footer, but I'm not sure why.
Share Improve this question edited Feb 7, 2013 at 18:26 Richard A 2,10015 silver badges13 bronze badges asked Feb 7, 2013 at 16:30 laidbackjakelaidbackjake 5364 silver badges10 bronze badges 1- Possible duplicate of JQuery Mobile Fixed Toolbar and Footer Bar disappears? – Jacobalo Commented Nov 7, 2017 at 21:48
2 Answers
Reset to default 19Adding the following anywhere data-position="fixed" occurs fixes the problem
data-tap-toggle="false"
I am using PrimeFaces 5.0 final release, which means I am using jQuery Mobile 1.4.2.
I added data-tap-toggle="false" as recommended here (and in many other questions here on stackoverflow), but that did not solve my issue with the header.
<div data-role="header" data-position="fixed" data-tap-toggle="false">
So, I also added the following, and this fixes my issue.
.ui-header.ui-fixed-hidden {
position: fixed !important;
}