Feature Request - [disable-zoom] but only for mouse scrolls

[sprengerst]

Description

Hi, is there an option to disable-zoom only for mouse wheel actions, so a pinch zoom on mobile phones is still working?

Best,
Stefan

[elalish]

Sure, just add a wheel event listener and put preventDefault() in the callback.

[elalish]

Yes.

[designbyadrian]

In this example, I'm adding a wheel listener to the element, and cannot block the wheel:

https://codepen.io/designbyadrian/pen/vYzgpzq

[elalish]

Ah, I misspoke, and additionally you need to useCapture in order to intercept our event before we process it. This works in your example: mv.addEventListener("wheel", (e) => {e.stopPropagation();}, true);

Copied from example: https://modelviewer.dev/examples/stagingandcameras/#turnSkybox

[designbyadrian]

Yes, it works! Thank you for your time.

[tobiasfabian]

I use the following to still allow pinch zoom on (MacBook) trackpad and zooming, while the command key (metaKey) is pressed.

mv.addEventListener('wheel', (event) => {
	if (!(event.metaKey || event.ctrlKey)) {
		event.stopPropagation();
	}
}, true);