javascript - ズームスクロールページ

Question

HTML ページをズームすると問題が発生します。threejs ライブラリを使用してズーム機能を実装しています。ただし、ページをズームすると、ズームはページをスクロールします。ズーム時にページのスクロールを無効にする方法があります: これは私のコードです:

function onDocumentMouseWheel(event) {
    if (ZoomOut && event.wheelDeltaY<0) {
        camera.fov -= event.wheelDeltaY * 0.05;
        if(camera.fov<-1 || camera.fov>180){
            //alert(camera.fov);
            camera.fov=50;
        }
        camera.updateProjectionMatrix();
    }

    if (ZoomIn && event.wheelDeltaY>0) {
        camera.fov -= event.wheelDeltaY * 0.05;
        if(camera.fov<-1 || camera.fov>180){
            //alert(camera.fov);
            camera.fov=50;
        }
        camera.updateProjectionMatrix();
    }
} 

Answer 1

これは、CSS 設定で修正できる可能性が高いです。

body {
    overflow: hidden;
}