Javascript 缩放滚动页面
我在缩放html页面时遇到了一个问题:我正在使用threejs库来实现缩放功能;然而,当我在页面上缩放时,缩放会滚动页面;有一种方法可以在缩放时禁用页面滚动:这是我的代码: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
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动态更改它。