アップル私はリンゴのデモからHTML 5のオブジェクトVR溶液で働いている

Question

のiPadやモバイル上のX軸を持つ唯一のスピンへの360のデモはhttps://developer.apple.com/safaridemos/vr.php

私は唯一の360 X軸とスピンイメージ、およびどのような私を持っていますユーザーが「touchemove」をipadで上下に動かし、画像を回転させないで、ページ全体をスクロールしたい。

どのようにすればいいですか？

ありがとうございました。

Answer 1

誰かが興味を持っている場合、これが私がその問題を解決した方法です。スクリプトで

"vr_org.js" 私は次のようでした：

まずonGrabStart機能上）（event.stopをコメントしました。

onGrabStart：関数（イベント）{
....
//event.stop（）。

そしてonGrabChange機能にユーザ移動の両方のY及びX軸方向の距離を追跡することになる2つの変数を作成しました。

var yDistance = parseInt（Math.abs（this.onGrabStart.clientY - event.clientY）））;
var xDistance = parseInt（Math.abs（this.onGrabStart.clientX - event.clientX））;

最後に、X距離がY距離より大きい場合は、デフォルトのスクロールイベントを停止します。

（yDistance < = xDistance）{
event.stop（）であれば、
}