The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

overflow : auto issue on ipad

  • # April 29, 2013 at 8:58 am

    Hi guys!

    I’m building a website where I have a list of links to news-articles inside a div on the left side of the page, positioned fixed. I want the contents of this div to scroll independently of the other content on the page.

    I’m currently using overflow: auto to make this happen, however I have noticed that on the ipad specifically, I loose all bouncing and added “force” when swiping. Usually when you swipe downwards or upwards quickly the browser will carry on scrolling a bit after you have swiped. This does not happen on the ipad with overflow: auto, it completely stops scrolling when you stop swiping. Seems to be working fine on IE10 with touch, and android tablets with Chrome.

    Heres the pen for it:

    Any suggestions?

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed