Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 缩放滚动页面_Javascript_Three.js_Dom Events - Fatal编程技术网

Javascript 缩放滚动页面

Javascript 缩放滚动页面,javascript,three.js,dom-events,Javascript,Three.js,Dom Events,我在缩放html页面时遇到了一个问题:我正在使用threejs库来实现缩放功能;然而,当我在页面上缩放时,缩放会滚动页面;有一种方法可以在缩放时禁用页面滚动:这是我的代码: function onDocumentMouseWheel(event) { if (ZoomOut && event.wheelDeltaY<0) { camera.fov -= event.wheelDeltaY * 0.05; if(camera.fov&l

我在缩放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();
    }
} 
文档鼠标滚轮上的函数(事件){ if(缩放和事件.wheelDeltaY0){ camera.fov-=event.wheelDeltaY*0.05; 如果(摄像头fov180){ //警报(摄像机视野); 摄像机视野=50; } camera.updateProjectMatrix(); } }
这很可能可以通过CSS设置修复

body {
    overflow: hidden;
}

你能分享一个链接到给你带来问题的页面吗?这个问题与我的项目相关。我可以把我的项目发给你。这是一个很好的解决方案,但是当我缩放页面时,我就不喜欢滚动;更好的解决方案?我提出的是通常的解决方案。如果需要,可以使用javascript动态更改它。