Javascript Threejs调整画布大小和raycaster问题

我已经通过css为包含我的3d形状的标记画布设置了边距顶部，现在raycaster无法正常工作。我使用raycaster交叉点来拖动形状，现在，如果您不完全在形状上，也可以拖动形状，但仅在上面一点。您可以在此处看到实时示例：

---

另一种方法可能是删除边距，并允许顶部菜单保留画布标记，例如使用z索引，但不起作用。

看看这是否有帮助：请有人帮帮我！

#ThreeJS canvas {

margin-top: 50px;

}