我有一个页面，在单个DIV中有多个Angular2组件。其中一个组件是使用OrbitControls的THREE.js场景。
当我使用鼠标滚轮滚动或单击并拖动时，3D模型会正确旋转和缩放。但是，无论我的鼠标指针在哪里，都会发生这种情况。我需要能够使用鼠标滚轮向下滚动另一个组件中的列表。
如何限制/限制THREE.js场景的控件到其特定组件或DIV？
答案 0 :(得分：1)
要将控件限制为特定组件或Div，请执行@ prisoner849，当您创建OrbitControls时，将渲染器的domElement作为第二个参数：
var controls = new THREE.OrbitControls(camera, renderer.domElement)