Disable ONLY horizontal scroll on iPad

Question

I want to block scrolling from left to right (horizontal) on a website viewed on a iPad/iPhone. But scroll from top to bottom (vertical) has to be enabled.

No result with CSS:

overflow-x: hidden;

You can still scroll on the iPad.

Javascript document.ontouchmove = function(e){ e.preventDefault(); } document.ontouchmove = function(e){ e.preventDefault(); } blocks all scrolling: horizontal and vertical.

I need a solution to block or disable ONLY the horizontal scrolling. Is that possible?

Answer 1

I think u can use:

overflow: hidden;
overflow-y: auto;