Grow your CSS skills. Land your dream job.

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:
    http://codepen.io/anon/pen/KvtDj

    Any suggestions?

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".