iOS overflow-x (or position absolute) makes scrolling choppy?
You could try setting width:100%
on .page-wrapper
and set that to overflow:hidden
and position:relative
. That might prevent the horizontal scroll.
Updated 10/12/2012
Thanks for the code example. It really helped me see your intent and the issue with scrolling more clearly. It looks like you need -webkit-overflow-scrolling. Add -webkit-overflow-scrolling: touch;
to page-wrapper
. Here's an [updated test page] with that rule applied. You can compare with test page in my comment below to see the difference.
Try applying it to every element:
* {
-webkit-overflow-scrolling: touch;
}
This done the job for me so that it's not a problem on any page:
html {
-webkit-overflow-scrolling: touch;
}