Search code examples
cssios5webkitscrollmobile-safari

orientation bug with -webkit-overflow-scrolling : touch

I have been playing around with -webkit-overflow-scrolling:touch; for a while and I getting randomly the following problem:

I only need scroll top/bottom ( width is fixed ), but sometimes the user needs to scroll left and right to trigger the vertical scroll.

In other words, the user has to scroll horizontally to make the container scroll vertically.

again it is random, some times it just works.
I already have check all the relative positions for the child elements within the scroll.
any thoughts ?

Solution

  • I had as well a scroll that never broke and by looking at the html inside it I realised that if you apply the -webkit-overflow-scrolling:touch; in ul element it will never break.

    the scroll that used to break had many elements within it and all I had to do was make the ul elements scrollable separately.

    cheers