我在混合使用 Three.js 和 HTML slider 时遇到了问题。
slider 正在显示，但我无法移动它。当我尝试通过拖动更改值时，什么也没有发生(只有相机移动)。
Three.js 容器:
<div id="container"></div>
slider :
<div id="zoom"><input id="setZoom" type="range" min="1" max="9000" step="1" value="100" data-orientation="vertical"></div>
最佳答案
正如您所说，当您尝试更改 slider 的位置时您的相机正在移动，我敢假设您使用了 THREE.OrbitControls()。
这种情况的解决方法是在创建控件对象时添加renderer.domElement作为第二个参数，例如:
var controls = new THREE.OrbitControls(camera, renderer.domElement);
jsfiddle例子
关于javascript - Three.js和html slider ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41650876/