Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

iOS browser crashing when using -webkit-overflow-scrolling: touch;

iOS browser crashing when using -webkit-overflow-scrolling: touch;

Problem

When making a scrollable div, for iOS devices, momentum scroll doesn't work - so you must use the 'beta' -webkit-overflow-scrolling: Touch; property.

However, this seems to crash the browser for me - not immediately, but seemingly randomly. Removing all of the -webkit-overflow-scrolling: touch; properties stop the browser from crashing.

I've tried using iScroll, touchSwipe, and a few other plugins that I can't remember the name of, but have either been too cumbersome to implement (I have a very short timeframe for development) or haven't worked as desired.

Does anyone experience the same problem, and if they have, have you found a solution?

Problem courtesy of: agjmills

Solution

I happened to me on bigger list with about over 100

  • elements. When I removed it it works, but without the momentum scrolling ofcourse.

    I tested on iOS5 and latest iOS6, on both an iPod Touch 4.1 and iPad 2, it seems that on the Touch I get the Safari crash more often, but on the iPad it also happens.

    It seems like an Apple bug they didn't properly solve.

    Solution courtesy of: Philip Sultanescu
  • Discussion

    View additional discussion.



    This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

    Share the post

    iOS browser crashing when using -webkit-overflow-scrolling: touch;

    ×

    Subscribe to Css3 Recipes - The Solution To All Your Style Problems

    Get updates delivered right to your inbox!

    Thank you for your subscription

    ×