javascript - 使 three.js 脚本固定在可滚动页面中

<分区>

想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题.

关闭 4 年前。

我有一个可滚动页面，我想知道如何使 3d 模型(使用 three.js)具有固定位置，以便将其作为背景，而其余部分正常滚动。有什么方法可以将 css 与 3D 模型一起使用，或者我可以添加到我的脚本中以实现此目的的任何方法。

这是现在的网站。 trhidouan309.barzalou.com/Barzalou/personnelle.html

顺便说一句，我知道我的 3D 模型离完成还差得很远。

最佳答案

一个解决方案是 (a) 将渲染 three.js 模型的 Canvas 设置为“position: fixed”，然后将其放置在页面上您想要的位置，然后 (b) 给菜单一个正z-index，以便在 Canvas 顶部看到它。

示例 CSS:

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


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

关于javascript - 使 three.js 脚本固定在可滚动页面中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53809053/

相关文章：

javascript - Node 如何在重启前删除pid文件？