New CSS3 Specifically For iOS5

For 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

Recently On Twitter

Recently On Instagram