如何在保留原有功能前提下禁用Roomle UI场景内滚动缩放功能

以下是经过验证的可行处理方案：

• 方案1：DOM事件拦截
  找到Roomle UI挂载的容器节点，单独拦截滚动事件的冒泡与默认行为，不影响鼠标拖拽、点击等其他事件的触发，示例代码：

const roomleContainer = document.querySelector('#你的Roomle容器ID');
roomleContainer.addEventListener('wheel', (event) => {
  event.stopImmediatePropagation();
  event.preventDefault();
}, { passive: false });

注意：该方案需要确保事件监听器的注册时机在Roomle SDK初始化完成之后，避免SDK的事件监听先绑定导致拦截失效。

• 方案2：SDK原生配置修改
  初始化Roomle UI实例时，通过controls配置项单独关闭缩放能力，其余交互能力保持默认开启即可，示例代码：

const roomleInstance = new RoomleUI({
  container: '#你的Roomle容器ID',
  // 其余原有配置保持不变
  controls: {
    zoomEnabled: false,
    panEnabled: true,
    rotateEnabled: true
  }
});

• 方案3：底层逻辑覆写（兜底方案）
  如果前两种方案因为SDK版本差异不生效，可以直接覆写透视相机控制类的缩放处理逻辑，不会影响其他交互逻辑的执行：

// 等待SDK加载完成后执行
Roomle.Controls.PerspectiveCameraControls.prototype.handleZoom = () => {};

内容的提问来源于stack exchange，提问作者Joshua Keck