【发布时间】：2017-01-20 14:30:31
【问题描述】：
上下文
我们想要创建一个类似于 here 实现的效果。不过，我希望将 360 度视频作为较长页面的主角元素。
问题
到目前为止，我为 360 度视频找到的最佳解决方案是使用 Mozilla 的 aframe，就像 here 所做的那样。但是，我遇到的问题是，在较长的页面中添加<a-scene></a-scene> 基本上会破坏页面的其余部分，使我无法看到下面的元素（以为它们在 DOM 中）。我发现的一个解决方案是将 a-scene 放在单独的页面上，然后将其显示在我页面上的 iframe 中。当我在 iframe 旁边滚动时，这可以正常工作，但在 iframe 内滚动不起作用。
这个滚动问题的典型解决方案告诉你使用overflow: hidden，但这不起作用所以我想也许我可以采取不同的方法，让鼠标在 360 视频上移动控制相机，而滚动控制父页面。
【问题讨论】：
标签： javascript jquery css iframe aframe