Are There Appearance CSS Rules for Webkit-Overflow-Scrolling: Touch "Handle" in iOS 5

webkit-overflow-scrolling: touch breaks my -webkit-scrollbar css in iOS

You can either custom style your scrollbars with css for webkit browsers or enable

    -webkit-overflow-scrolling: touch;

Both of them doesnt work together in latest safaris. If you put both only touch will work. Tested in Iphone 5 and 6

ios 13 CSS set -webkit-overflow-scrolling: auto cannot work

They killed it off.

https://developer.apple.com/documentation/safari_release_notes/safari_13_release_notes

This doesn't explicitly say that killed 'auto' but all signs point to them having done so.

I'm having nightmare issues with a popup that has a scrollable div inside. If the user 'bounces' it and then scrolls in a particular way it'll scroll the window underneath and then you can't scroll the div until the window has finished scrolling.

So set 'position: fixed' or something like that (I hear you say). Well I have - in fact I'm using Angular material and the actual scrolling on the underlying window is blocked but iOS seems to still run its physics algorithm even though nothing is animating.

At least this option used to let the user get less 'bouncy' and hope they'd not trigger this 'bug'.

--

There's also a new option that might help with issues caused by auto no longer being available - such as weird scrolling of parent elements as described above. However unfortunately I couldn't get this working with Safari, but it did work in Chrome as expected. And even if this does work it won't help restore the auto behavior if you just prefer the way it works.

overscroll-behavior: contain;

Related Topics