OrbitalControls on mobile devices

How can I handle the OrbitalControls on mobile devices because it takes the browser’s native touch and prevents it from scrolling?

Do you guys have any recommendations for handling this?

You mean like zooming ? You zoom with 2 fingers ?


How to handle the browser scroll and controller…

Its already handled by orbit controls ?

I mean how do I scroll the page, I am not using a fullscreen app, the app is part of the page and the page must be scrolled as well…

I think you can pause the orbit controls on mobile touch events.

const controls = new THREE.OrbitControls(camera, renderer.domElement);
controls.enabled = true; or false;
// Toggle the enabled on the desired mobile event

I also recommend a second boolean that you can put in animate, then reenable controls when event ends.