CONTEXT
我们希望创建一个类似于已实现的效果here。然而，我希望将360视频作为较长页面的英雄元素。
问题
到目前为止，我发现360视频的最佳解决方案是使用Mozilla的框架，就像here一样。但是，我遇到的问题是在我的较长页面中添加<a-scene></a-scene>基本上会破坏页面的其余部分，使我无法看到下面的元素（认为它们在DOM中）。我找到的一个解决方案是将a-scene放在一个单独的页面上，然后在我的页面上的iframe中显示它。我在iframe旁边滚动时效果很好，但滚动在iframe中不起作用。
这个滚动问题的典型解决方案是你使用overflow: hidden，但是这没有用，所以我想也许我可以采用不同的方法，这使得360度视频上的鼠标移动控制着相机，而scroll控制父页面。
答案 0 :(得分：1)