Imagine a website with vertical "slides" that take up a significant portion of the screen. Is there a way to smoothly add vertical paging to the scrolling? For example, when the user scrolls close to a specific point on the page horizontally, the page will slide so that the top of the section aligns perfectly with the top of the window?
I want to incorporate a feature similar to the iPhone's "vertical paging" into web applications. How can this be achieved in a clean way?
Check out this example of the iPhone's vertical paging feature: http://www.youtube.com/watch?v=bgCcSF2Ip64
(apologies for the video quality, it was the only example I could find of vertical paging)
The current design of my site includes vertical panes that users scroll through. However, with the addition of vertical paging, scrolling would be locked to the nearest vertical "pane" for a more seamless experience.
Take a look at the Nike Better World website for inspiration:
(also, Nike Better World is an amazing site)