Disable Scroll-Rails in Safari for iOS

I built a website which relies on diagonal scrolling for its user-experience.

The current implementation works fine on every browser I tested (Chrome for mobile and desktop, Firefox on mobile and desktop, Safari on desktop)... except on Safari for iOS.

It appears as if there is some scroll-railing functionality going on: if the first scroll is diagonal, you can drag the page diagonally, horizontally and vertically.

However, as soon as you drag the page vertically or horizontally, scrolling "locks up" and you are limited to either scrolling X or Y, not both at once.

Is there any way to disable this feature, or at least work around it?

Apparently, you could set ms-scroll-rails to none to prevent this behavior on IE... Does Safari have a similar feature?

https://stackoverflow.com/questions/66557359/disable-scroll-rails-in-safari-for-ios March 10, 2021 at 10:03AM