Scrollability: Getting iOS physics for scrolling right, by Joe Hewitt
He has been frustrated with the state of scroll physics in Web apps on iOS, and I am guessing that after using the new mobile Web Twitter app, decided to have at it and see what he could whip up in a day, ending with Scrollability.
Matching the native physics isn’t easy. It is so hard to get past the uncanny valley feeling a lot of the time, and although I am very impressed with what the mobile Twitter has done with their new Web app, it definitely has similar issues that I have seen with many attempts.
Joe’s approach uses CSS transforms to do moving (
element.style.webkitTransform = 'translate3d(' ....) and is fully customizable with constants to let you tweak the feel (from overscrolling, deceleration rate, bounce time, when to snap to a page, etc).
The example feels pretty much like butter on my iPhone 4, and I want to crank on: the number of elements in the list, as well as the complexity of the list (e.g. each list item having an image, etc), virtual list support (e.g. more physical items that you would want to store in the list so having to swap in and out).
How does it feel to you? It would be awesome if Dustin Diaz would sneak this into mobile Twitter so we can see it in a real world situation…. what do yo u say Dustin? It is Friday after all :)