Fixed header problem after scrolling content on iOS and Android

[H2Os]

Hi

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 2.6.32.9; fails on iPad and iPhone with iOS 5.1.1.

[Magnus-G]

Hi, Just curious; did you find a solution to this issue? Thanks

[arschmitz]

I set up a test case for this at http://jsfiddle.net/arschmitz/PygTy/3/show/ this appears to work fine in this simple test case. I do not believe this is a bug.

[arschmitz]

setup second test case at http://jsfiddle.net/arschmitz/Lt38R/40/ tested on htc incredible android 2.3 cant replicate

[tpalomo]

Gabriel tested this on an ipad with ios6 on landscape view and replicated the bug.

[arschmitz]

checked this out with @tpalomo this cannot actually be replicated with ipad on ios6 however it CAN be on ipad ios5.1.1 but not on iphone ios5.1.1 this seems to be sepcific to ipad on ios 5.1.1