我开始学习 Three.js，现在需要帮助。我正在尝试在 div 中设置场景（在完整文档中没有），无需缩放，可以选择通过鼠标滚轮滚动文档并缩放文档。所以我将它放入我的 div 中，现在它就在那里，但是鼠标滚轮正在放大整个文档中的对象，我只能通过箭头或滚动条滚动。例如，我尝试了完成的示例之一 - Youtube。它类似于带有 YouTube 视频的 Cube。我又添加了 2 个视频，所以现在它是立方体了。顺便说一句，还有下一个问题。如果文档的大小已更改，则对象开始具有绝对位置，并且场景位于整个文档中。
<!DOCTYPE html>
<html lang="sk-SK">
<head><meta charset="UTF-8"><title>Test</title>
<script type="text/javascript" src="/kla/script/lib/three.js/build/three.js"></script>
<script type="text/javascript" src="/kla/script/lib/three.js/controls/TrackballControls.js"></script>
<script type="text/javascript" src="/kla/script/lib/three.js/renderers/CSS3DRenderer.js"></script>
</head><body>
...
<section>
<div id="container"></div>
<div id="blocker"></div>
</section>
...
<script type="text/javascript" src="js/youtubeCube.js"></script>
</body></html>
容器是 div，我想在其中放置对象（YT Cube）。该div的CSS：
div#container{
width: 350px;
height: 300px;
background-color: gray;}
最后是 JS 文件：
var camera, scene, renderer;
var Element = function(id, x, y, z, ry, rx)
{
var div = document.createElement('div');
div.style.width = '480px';
div.style.height = '480px';
div.style.backgroundColor = …