Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS - no scrollbars in ipad

Tags:

css

I have a stylesheet and use overflow:scroll; in my css to blend in scrollbars. It works in Firefox but not on my iPad in the safari browser. There, no scrollbars are shown but it is possible to scroll with two fingers.

Now, is that normal that iPad doesn't show scrollbars? That would be stupid somehow.

like image 397
enne87 Avatar asked Nov 22 '11 15:11

enne87


People also ask

Why isn't my scroll bar showing?

Click Start > Settings. Under Windows Settings, scroll down, and then click Ease of Access > Display. Scroll down, and then set Automatically hide scroll bars in Windows to Off.

How do I force always show scrollbars?

To show the scrollbars always on the webpage, use overflow: scroll Property. It will add both horizontal and vertical scrollbars to the webpage. To add only horizontal scrollbar use overflow-x: scroll property and for vertical scrollbar use overflow-y: scroll property.

Why is my scroll bar not showing in Safari?

In the Menu bar, click Apple Menu > System Preferences. Click General. Next to the "Show scroll bars" heading, select "Always."

How do I fix the scroll bar in CSS?

The easy fix is to use width: 100% instead. Percentages don't include the width of the scrollbar, so will automatically fit. If you can't do that, or you're setting the width on another element, add overflow-x: hidden or overflow: hidden to the surrounding element to prevent the scrollbar.


2 Answers

You might want to turn it on with: -webkit-overflow-scrolling: touch;

like image 193
ŁukaszBachman Avatar answered Oct 20 '22 22:10

ŁukaszBachman


Yes, I believe that is normal behaviour from iOS3 and upwards.

You might want to check it on android, as android does not support overflow:scroll at all, from what I am aware (no two fingers, no scroll bar, no way to view content beyond the fold)

More information on iphone/ipad scrolling

like image 25
gArn Avatar answered Oct 20 '22 23:10

gArn