在移动设备上垂直滚动天空

问题描述 投票：0回答：1

我尝试使用 

a-sky
来显示 VR 照片。它在 PC 上运行得很好。在移动设备上，我无法垂直滚动（水平滚动可以用一根手指正常工作）。如何使垂直滚动起作用？

代码非常简单：

<html>
  <head>
    <script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-sky src="ciasto.jpg" color="#ECECEC"></a-sky>
    </a-scene>
  </body>
</html>

我尝试切换到计算机版本的页面，尝试不同的浏览器（Opera、Chrome）。所有人的行为都一样。

我还在分析 

glitch
中的 a-sky 示例是如何工作的。真是太神奇了。当在框架内使用预览时，它的作用与我的示例中一样。但是当进入一个新窗口时，图像会疯狂抖动，因为它试图利用陀螺仪，所以这不是一个可行的方法。

aframe
1个回答
0
投票

看起来您的标题部分忘记添加 html 的默认移动设备大小调整。

这是默认的标头结构：

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.