Question

When I load the page, my scrollview works perfectly, but when I navigate away from the main page and I try to return to it, the scrollview forgets where the top of the scrollview ought to be. It thinks that the place that I left the scrollview at before navigating away is the top of the list, and it thinks that the bottom of the list is somewhere beyond where the bottom actually is, thus it allows the user to scroll to far and then the scrollview disappears and cant be recovered unless i call scrollTo in the console.

I have tried doing scrollTo(0,0) on pagehide and beforepagehide with no luck — the page will begin at the top when its shown, but it will immediately scroll down.

Here’s how to reproduce the issue:

1) Go to http://7.latest.foodtrucksmap.appspot.com/m/la

2) Scroll down the list and select the detail disclosure on one of the cells.

3) Hit the ‘Map’ icon in the header to return to the original view.

At this point the scrollview will be in the state I’ve described.

Thanks a lot for the assistance in getting this resolved.

Answer 1

I resolved this by calling $('#list_content').scrollTop(0) on pageshow