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;
}