Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Issue with scrolling in iOS 5 using -webkit-overflow-scrolling

I have an HTML page with a fixed-height div which should be scrollable (only vertically). In iOS 5 this can be achieved using:

overflow-y: auto;
-webkit-overflow-scrolling: touch;

The div contains an unordered list with about 10 items.

The scrolling works, but sometimes it scrolls only if I swipe my finger diagonally or even horizontally and not vertically as it should be.

I'm wondering if anyone has encountered this issue. I don't want to think that it is a bug in iOS5, but I can't figure out what I'm doing wrong because most of the time it works fine.

like image 292
SzilardD Avatar asked Nov 03 '11 09:11

SzilardD


People also ask

Why is my iPhone scrolling choppy?

This is because of the bad implementation apple did for variable refresh rate , it is dropping too low when scrolling slowly and it looks terrible. There should really be a minimum fps when scrolling. This is an apple iOS implementation issue specific to new iPhones.

Why can't I scroll down on Safari?

Many people have trouble with their scrolling on Safari. If you are having problems with Safari, you can try to fix this by checking system preferences on your computer. Click on accessibility, then go to pointer control. You can adjust the scrolling speed to fix the problem.


1 Answers

I had exactly the same issue. The problem turned out to be caused by two zero size iframes my site used to track history changes and load scripts. Removing these fixed the issue. I filed a bug with apple, waiting to hear back from them.

Check to see if you have any iframes on your page they could be the cause.

like image 73
paul stockley Avatar answered Oct 21 '22 08:10

paul stockley