Fixed Footer Scrolling, half the time!
Hi There,
I hope someone can help with this as i am strugling to see why it will not work and have a mad deadline.
Basically i have a fixed footer on many pages within a basic Jquery Mobile Web page. See below:
<div data-id="mainFooter" data-hide-during-focus="" data--tap-toggle="false" class="mainFooter" data-role="footer" data-position="fixed" >
<a href='#mainPage' class='backBtn' data-mini="true" data-role="button" data-direction="reverse" >Menu</a>
<p class='logoSpace'>Logo</p>
</div>
It is the same across all pages. The problem is that every second transition between pages the footer animates with the content. So it works half of the time!
They all have the same data-id so i cant see why this is happening.
I am using Jquery Mobile v1.2.
Any help would be much appreciated before i sack off Jquery Mobile and be forced to find a different solution.
Cheers