Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Fixed header problem after scrolling content on iOS and Android #4337
I don't know if this is related to #4032 but I am experiencing a similar problem on iOS 5.1.1 (iPad and iPhone) when using .animate to scroll the content.
Test page here: http://actisst.biz/test.html
The '+' button in the top-right corner is programmed to toggle between scroll down and scroll up on each successive press. When the page loads, all is fine and the '+' button scrolls the page down. From then on, the buttons in the toolbar and footer do not work until the page in manually scrolled, even a tiny amount, by the user. After the content had been moved by the user, all the buttons work again.
I have tried adding $.mobile.fixedToolbars.hide() and .show() around the .animate and this solved the problem for JQM 1.0.1, but isn't available on 1.1.0 (even though the docs say it is - but that's a separate issue).
I've also tried calling $.mobile.activePage.trigger('updatelayout') but that had no effect at all.
Works as expected on Windows 7 using IE9, Chrome, FF, Safari and Opera; fails on Samsung GT-I9000 Android 18.104.22.168; fails on iPad and iPhone with iOS 5.1.1.