iOS 5 Beta 2 Brings Native Style Momentum Scrolling for Web Apps


For web app developers, iOS 5 Beta 2 now brings native style momentum scrolling, something that previously was compensated by the use of custom Javascript to fake the feature.

As per the release notes in iOS 5 Beta 2:

NEW: In iOS 5.0 beta 2, a new inherited CSS property, -webkit-overflow-scrolling, is available. The value touch allows the web developer to opt in to native-style scrolling in an overflow:scroll element. The default value for this property is auto.

Here’s what Johan Brooks has to say on the differences between native scrolling in apps versus web pages:

There’s indeed a noticeable difference in momentum between scrolling in native apps and in web pages. It’s maybe the one single thing that makes you think: “Oh right, this is a web app”. I guess iOS has a different scrolling behavior in web pages since it’s actually helpful when there’s a lot of tiny information on screen – a fast moving scroll would have been quite tricky to handle when precision-scrolling through long news articles. But for those who really want to create apps for the mobile browser with that native look-and-feel, this behavior is an obstacle.

If you’re running iOS 5 Beta 2, you can check out a scrolling demo here. Check out other iOS 5 Beta 2 discoveries here.

[Johan Brook via Daring Fireball]


  •    If you want a FREE $15 iTUNES GIFT CARD follow these directions:
    1) install the shopkick app from the app store.
    2) after clicking “let’s do it” (haha) click cancel at the top left of your screen.
    3) go to the “me” tab at the bottom left of your ipod/iphone.ipad.
    4) click the ”got a promo code?” box and on the next screen type in mink8492
       this works on all ipods/iphones/ipad jailbroken or not.

  • Calgary

    why doesnt someone just a make a youtube video so we know what this is