New CSS3 Specifically For iOS5
October 13, 2011 by Andrew Groat. Leave a CommentFor me one of the best updates that came with the iPhone iOS5 update was the addition of:
-webkit-overflow-scrolling: touch;
What this means is you can ad native touch scrolling to any element. Here’s an example (You’ll have to use your iPhone/iPad to see it):

The full code to make this work is:
.scroll { overflow: scroll; -webkit-overflow-scrolling: touch;}
Previously this was only achievable via jquery – Scrollability and iScroll are some of the well know plugins to this effect.
Hopefully you find this useful!
P.S. here are some more articles about CSS3 and HTML5 for iOS:
Implications of iOS 5 webkit-overflow-scrolling
New Mobile Safari stuff in iOS5
















Stalk Me Via: