Предотвратить горизонтальную прокрутку сенсорной панели на MacBook с помощью Firefox?

Question

Кто-нибудь знает, как остановить горизонтальную прокрутку дорожек?

Мой веб-сайт имеет преднамеренное переполнение, при котором вы перемещаетесь с помощью некоторых полос прокрутки JavaScript.

http://www.mitchellop.com

Однако при просмотре на Mac с использованием Firefox прокрутка сенсорной панели в два пальца позволяет перемещаться по горизонтали, даже если x-overflow скрыт.

Любые идеи?

спасибо.

Answer 1

Я сам столкнулся с этой проблемой в проекте, над которым я работаю.В Firefox происходят довольно странные события, когда речь идет об определенных видах прокрутки.Небольшое копание вызвало событие MozMousePixelScroll .Вот код, который я использовал, чтобы подавить горизонтальную прокрутку двумя пальцами:

window.addEventListener('MozMousePixelScroll', function(evt){
    if(evt.axis === evt.HORIZONTAL_AXIS){
        evt.preventDefault();
    }
}, false);

Answer 2

Вместо этого вы можете перемещать внутреннее содержимое, либо располагая его относительно, и изменяя левое значение, либо используя CSS-преобразования (которые не требуют перерисовки и, следовательно, быстрее).

Это может или не может потребовать много переписать, но это будет работать.