0

我正在尝试在 Webflow 中使用 A-Frame，但是，我很快就遇到了障碍。嵌入的 A-Frame 元素将始终占据 100% 的屏幕，无法滚动或任何其他功能，就好像一直处于全屏状态一样。

我只希望 A-Frame 元素适合页面上的一个框（特别是一个 div），这样我也可以在它周围的页面上显示其他内容。我尝试浏览他们的内容和指南以及搜索无济于事。

目前，我有我的：

<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>

在项目设置 > 自定义代码 > 头部部分

然后是使用嵌入工具在特定大小的 div 元素中的实际 A-Frame 内容代码：

 <body>
    <a-scene>
      <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
      <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
      <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
      <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
      <a-sky color="#ECECEC"></a-sky>
    </a-scene>
  </body>
4

1 回答 1

0

使用嵌入式组件或使用一个<iframe>来放置您的场景。

于 2020-04-05T17:20:27.583 回答