I am trying to debug this and can’t make any headway. I’ve got this HTML5 JavaScript library I am building and the test page for it can contain large volumes of output as I am piping console.log and exceptions out into the DOM to quickly inspect them on mobile devices (it is the only way I know of inspecting state on an Android device for instance)
Here is the page. So long as I don’t push up broken code while I work on this you should be able to produce plenty of debug output which will be pumped into the <body> thus allowing the page to scroll. Note also to toggle the visibility of the big blue debug panel you can tap the header text at the top of the page (like a button).
The issue is specific to iOS: Tapping the iOS status bar does not work in either portrait or landscape modes, and I am not sure what it is I have done with JS or otherwise that has disabled this quite handy feature.
Use of
-webkit-overflow-scrolling: touchappears to be the culprit for iOS6 here. It actually looks like iOS5 is less broken w.r.t. this issue.I think there may be a way to work around the issue by dynamically setting
-webkit-overflow-scrolling: touchon the elements that need it by catching touch events on them. Or just leave it off as they still remain usable (just have no momentum).