Fix OrbitControls in firefox

[fkammer]

Zooming in & out of objects in firefox does also scroll the hole page. There are multiple StackOverflow discussions about this issue. See here and here.

The answer in the first linked question also provides a link where you can experience the bug: http://www.matheretter.de/formeln/geometrie/zylinder/

I fixed that behavior by changing the event listener from DOMMouseScroll to MozMousePixelScroll.

Used Firefox Version: 41.0.1 on OS X El Capitan (10.11)

[mrdoob]

Sounds good. Do you mind doing a new PR targeting the dev branch instead?

[fkammer]

No problem. I rebased it and created a new PR: #7331

[bsergean]

Hi there, I was looking at this change and it seems that MozMousePixelScroll is only working for firefox: what about other browser like Chrome or IE ?

If they don't support this event, will Zoom be broken on those browsers ?

[bsergean]

Nevermind it looks like the previous event was already firefox specific; please ignore my comment.

[fkammer]

@bsergean DOMMouseScroll already was a firefox-only eventListener. For other browsers the mousewheel listener should work.

[bsergean]

Got it @fkammer / I figured this out while looking more in depth at your fix. Thanks for the fix btw, this was quite annoying.

[fkammer]

It really is! :D It surprises me that nobody fixed it before

[threejsworker]

The examples of this pullrequest are now built and visible in threejsworker. To view them, go to the following link:

http://threejsworker.com/viewpullrequest.html#7310