I am facing an issue with a div that needs horizontal scrolling. It works fine without using -webkit-overflow-scrolling, but on the iPhone, I don't get the native bouncing effect. The scrolling is only happening horizontally when it should also be possible vertically.
Once I add the CSS property and set it to touch, the horizontal scrolling behaves as expected. However, it also allows vertical scrolling which is not desired. It seems like the scrollable area is the same size as the viewable area, causing the content to bounce in every direction without any actual scrolling content present. Is there a way to restrict this scrolling behavior to just horizontal?
Notably, overflow-y is hidden, while overflow-x is set to scroll. After checking with the web inspector, all elements have a height of 100px, ruling out any element being responsible for triggering the unwanted scrolling behavior.