You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在CameraControls中禁用Jupiter组件的滚轮缩放功能?

禁用Jupiter组件的用户滚轮缩放操作

可行解决方案

方案1:禁用用户缩放交互,保留程序式缩放

给<CameraControls>组件添加enableZoom={false}属性,该配置会关闭用户通过鼠标滚轮、触摸捏合触发的缩放,但不会影响你代码中通过cameraControlsRef.current.zoom()执行的程序式缩放:

<CameraControls 
  ref={cameraControlsRef}
  enableZoom={false}
/>

方案2:拦截滚轮事件阻止默认行为

如果需要更精细的控制,可直接在CameraControls上拦截滚轮事件,阻止其默认处理逻辑:

<CameraControls 
  ref={cameraControlsRef}
  onWheel={(event) => {
    event.stopPropagation();
    event.preventDefault();
  }}
/>

补充说明

  • 你之前尝试的dollySpeed={0}会完全禁用所有缩放驱动逻辑,包括代码调用的程序式缩放,因此不适用。
  • mouseButtons属性仅用于配置鼠标按钮对应的操作(如旋转、平移),和滚轮缩放无关,所以设置该属性无法解决问题。

内容的提问来源于stack exchange,提问作者ozzzpo

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.05 14:02:25