将three.js脚本固定在可滚动页面中[关闭]

Question

我有一个可滚动的页面，我想知道如何让 3d 模型（使用three.js）有一个固定的位置，就像把它作为背景，而其余的正常滚动。有什么方法可以将 css 与 3D 模型一起使用，或者我可以添加到脚本中来实现这一点。

现在是网站。 thridouan309.barzalou.com/Barzalou/personnelle.html

顺便说一句，我知道我的 3D 模型还没有完成。

Answer 1

一种解决方案是 (a) 将渲染 three.js 模型的画布设置为“位置：固定”，然后将其放置在页面上您希望的位置，然后 (b) 给菜单一个正数z-index，以便在画布顶部看到。

查看此代码 sn-p 示例：http://jsfiddle.net/shawnoakley/s8a1ex9d/13/

示例 CSS：

canvas {
  position: fixed;
  top:50%;
  left:-20px;
  height:100px;
  width:100px;
}


ul {
    position: absolute;
    z-index: 2;
}