My app has a big issue where the user essentially has to restart the app on their device because they are unable to scroll. I have created an example to demonstrate the problem at http://jsbin.com/dexuj/2/edit (this jsbin example was done for a screen 768px high).
In the example, "grab" the app page to scroll down to the bottom where the "Remove Filler" button is and click it. When you do that, you will notice that the page is essentially frozen, with maybe half of the top content visible. The user should be able to touch the page to scroll up, but they cannot.
I believe this to be a bug for the circumstance where when the buffered page content shrinks to be less than or equal to the viewport height. For example if the top content had double the lines to make it longer than the viewport, you would still be able to scroll up after clicking "Remove Filler".
I have looked into ways of trying to get the scrolling back and nothing has worked. "Scroll to top" is not an acceptable solution, that would be unintuitive to the user, they should be able to touch to scroll back up. Any solutions to this?
In the example, "grab" the app page to scroll down to the bottom where the "Remove Filler" button is and click it. When you do that, you will notice that the page is essentially frozen, with maybe half of the top content visible. The user should be able to touch the page to scroll up, but they cannot.
I believe this to be a bug for the circumstance where when the buffered page content shrinks to be less than or equal to the viewport height. For example if the top content had double the lines to make it longer than the viewport, you would still be able to scroll up after clicking "Remove Filler".
I have looked into ways of trying to get the scrolling back and nothing has worked. "Scroll to top" is not an acceptable solution, that would be unintuitive to the user, they should be able to touch to scroll back up. Any solutions to this?