Software Archive
Read-only legacy content
17061 Discussions

overflow-y no longer working in ios 10

Rob_Welan
New Contributor I
1,647 Views

Hi,

Is anyone using a <div> wrapped around another <div> to cause the wrapped div have hidden content?

Here's an example of what I mean:

https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/

I am developing an app, and I just upgraded to iOS 10. My functionality was working fine prior to iOS 10 with the latest version of iOS 9 (whatever that was). Anyway, now, what is happening is that I'm getting a frozen screen, instead of scrolling. It's crap!

Any ideas? As far as I can tell there's been no change apart from the operating system.

0 Kudos
1 Solution
Rob_Welan
New Contributor I
1,647 Views

I have not been able to solve the issue, but I do have a workaround.

I was using OwlSlider2 as a method to slide between screens. I am now using Swiper (http://idangero.us/swiper/#.V-TGIZN96L8).

It appears that block style divs are no longer loved by iOS for scrolling (I haven't confirmed this, but something like this I think).

The flexbox of Swiper is what's saved the day in my case (so far, so good).

View solution in original post

0 Kudos
3 Replies
Rob_Welan
New Contributor I
1,647 Views

Update: I can see that the div that is supposed to scroll does in fact scroll pass the visible frame (ie. it's overflow is hidden by the div that contains it). I can even press a button within the 'contained' div and see more content move down beyond the boundary of the containing div. Of course, I can't see that content, as it is rendered virtually below the visible area. The bit that doesn't work is that there is no scrollbar, despite using the usual tricks. I've even used a bunch of jquery scrollbar add-ons like jquery.tinyscrollbar and similar.

And I forgot to say thanks (in advance) in my post. My bad.

0 Kudos
Arturs_S_
Beginner
1,647 Views

I can confirm the same issue - after iOS 10 update vertical scrolling that we used in our mobile app stopped working. Quick googling around shows that muliple other developers has encountered the same issue as well. 

I will try to find a workaround for this issue, but if you succeed to fix it first, please let me know here on the forum as well.

0 Kudos
Rob_Welan
New Contributor I
1,648 Views

I have not been able to solve the issue, but I do have a workaround.

I was using OwlSlider2 as a method to slide between screens. I am now using Swiper (http://idangero.us/swiper/#.V-TGIZN96L8).

It appears that block style divs are no longer loved by iOS for scrolling (I haven't confirmed this, but something like this I think).

The flexbox of Swiper is what's saved the day in my case (so far, so good).

0 Kudos
Reply