It is amazing that we finally are able to use some sort of overflow: scroll; on iOS – I seriously wish we had this two years ago when we were fighting battles to make such stuff happen ;)

Even though -webkit-overflow-scrolling: touch; works like a charm (at least in the scenarios I encountered), there is one scenario which seems to be broken:

When placing an element on top of an element with -webkit-overflow-scrolling: touch; enabled, the element above the scrollable element does not cancel scrolling behavior, which can cause some seriously confusing interactions.

To work around this, or give you a jumpstart where to look at until this works properly, take a look at following video: