Ipad and CSS attribute overflow

Question

I tried to add right scroll in div. This works in most browsers, but not properly when using iPad Safari. Does the iPad not suported this css attribute?

I prepared test html. It do not work too.

<html>
    <head>
        <style>
            .ounner {
                border: solid 1px red;
                width:300px;
                height: 500px;
                overflow:scroll ;
            }
            .inner{
                border: solid blue 1px;
                height: 700px;
                width: 400px;
            }
        </style>
    </head>
    <body>
        <div class="ounner">
            <div class="inner">
                sdsd
            </div>
        </div>
    </body>
</html>

iOS Safari doesn't display scroll-bars on elements. To show hidden content requires a two-finger drag. This is also true on large code samples here on Stackoverflow. And, frankly, an irritation (certainly on iPhone). — David Thomas
– David Thomas, Commented Feb 16, 2011 at 17:47

Matt · Accepted Answer · 2011-02-26 05:07:09Z

1

overflow: auto and overflow: scroll are supported on MobileSafari, but since scrollbars are not used on iOS, to scroll these areas one must use two fingers.

There is a JavaScript library called iScroll that handles touch events and implements one-finger momentum scrolling manually; perhaps that would be worth looking into.

answered Feb 26, 2011 at 5:07

Matt

3851 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Anne · Accepted Answer · 2012-09-20 10:54:43Z

1

I have used css:

-webkit-overflow-scrolling: touch;

and scrolling works with 1 finger as well (iPad 2, iOS 5.1.1).

Hope it helps, Filip

edited Sep 20, 2012 at 10:54

Anne

27.2k9 gold badges66 silver badges71 bronze badges

answered Sep 20, 2012 at 9:37

Filip Hladík

111 silver badge1 bronze badge

Collectives™ on Stack Overflow

Ipad and CSS attribute overflow

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related