Response title
This is preview!
Improving page transitions
in jQuery Mobile
•
12 years ago
The current page transitions are working great but I have a couple suggestions on how to improve transitions from pages that have been scrolled down.
Transitions from a scrolled page to a new page
When you transition from page A to page B, it slides over to page B and then scrolls to the top. If page A was already at the top, then it looks great. But, if page A is scrolled down, then you see page B at that scroll position for just a moment before it scrolls to the top. I don't like seeing this jump and I would prefer that the transition slide from page A to a blank page, then scroll to the top, and then slideto page B. This adds an extra sliding transition, but the user will never see the scroll to top. I think this would create a more seamless experience.
Transitions back to a scrolled page
When you transition back to a page, it always takes you to the top of that page. It would be great if the framework stored the scroll position of each page. Similar to my previous suggestion, transitioning back from page B to page A would slide from page B to a blank page, scroll to the correct position, and then slide to page A. I think this is especially important for creating a good user experience. If I scroll down a huge list, click to look at something and then click back, I expect to go back to where I was in the list, not the top of the page.
Other thoughts
I have noticed when using these types of transitions in the past (taken from jQTouch) that transitions from a simple page to another simple page are very smooth. But, transitions to a large and complex page usually don't get seen -- the page just appears. I think it's because the device spends too much time trying to render the page and you just never see the transition (even with hardware acceleration). Using a blank page in-between page A and page B could help, but probably won't resolve this problem.
Also, just to clarify, when I say blank page, I mean something that has the same background color or image as the other pages.
8
