Запретить горизонтальную сенсорную панель прокрутки на MacBook с помощью Chrome?

Question

Я хотел бы предотвратить горизонтальную прокрутку на моем сайте, используя мультитач-трекпад на Macbooks, волшебную мышь и т. Д. Эта проблема решена для Firefox (с использованием решения отсюда: Prevent horizontal touch pad scrolling on macbooks using Firefox?). Но это все еще беспокоит Chrome.

Есть ли способ предотвратить эту функциональность в Chrome (например, с помощью eventlistener)? Спасибо

Answer 1

В CSS вы можете использовать overflow-x: hidden; для предотвращения прокрутки. Если вы примените его к телу или к другому элементу, который должен сделать трюк.

Answer 2

У меня была та же проблема, и установка overflow в hidden в CSS тоже не работала. Мое решение использовало:

jQuery('html, body').css('overflow-x', 'hidden'); 

Я не знаю почему, но в JavaScript это работает.