Prevent horizontal touch pad scrolling on macbooks using Firefox?

Question

does anybody know how to stop track pads from scrolling horizontally?

My website has a deliberate overflow which you navigate using some javascript scrollbars.

http://www.mitchellop.com

However, if viewed on a mac using firefox the twofinger touch pad scroll allows you to move horizontally even though the x-overflow is hidden.

Any ideas?

thanks.

How have you prevented this with horizontal scroll wheels on mice? — Cody Gray - on strike, May 03 '11 at 16:00

score 2 · Answer 1 · answered Jun 30 '11 at 20:08

2

I ran into this issue myself with a project I'm working on. Firefox has some pretty strange events when it comes to certain kinds of scrolling. A little digging turned up the MozMousePixelScroll event. Here's the code I used to squelch the horizontal two-finger scrolling:

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

answered Jun 30 '11 at 20:08

Nick Husher

1,909
11
13

Is there a way to file a bug about this with Mozilla? – Dan Gayle Aug 26 '11 at 22:08

score 0 · Answer 2 · answered May 03 '11 at 16:14

0

Instead, you could move the inside content by either positioning relatively, and changing the left value, or using CSS transforms (which don't require a repaint, and are hence quicker).

This may or may not require lots of rewriting, but it will work.

answered May 03 '11 at 16:14

Rich Bradshaw

71,795
44
182
241

Prevent horizontal touch pad scrolling on macbooks using Firefox?

2 Answers2

Linked