私のGoogleストリートビューiFrameはうまくロードされますが、ストリートビューマップの画像をタッチするとページが下にジャンプします。これは私のIPADだけでなく、私のiPhone 5でも発生します。Googleストリートビュー埋め込みiFrameフォーカスジャンプ
コントロールの1つをクリックするとジャンプしませんが、画面をドラッグしてページを見下ろすように画面をタッチすると、ページを一番下に移動します。
これは、ストリートビューのIframeを埋め込んだ2つのウェブサイトで、ウェブサイト固有のものではないためです。
誰もこの迷惑ジャンプを防ぐ方法をアドバイスできますか？
私のウェブサイトは、私は同じ問題を抱えているhttp://www.360tours.co.za
です。それはiOS 10に関連しているようです.iOS 9.3.5でipad3をテストすると問題なく動作します。 iframeだけで簡単なhtmlページに埋め込むことはうまくいくようです。特定のものの組み合わせのように見えます。
は、私がこのトリック使って解決することができた： - あなたは体（例えば、ヘッダ）の直接の子である絶対位置の要素を持っている場合、これはiOSの上で他の問題が発生します注意する
body, html {
height:100%;
overflow:auto;
-webkit-overflow-scrolling: touch;
}
何かを - したがって、相対的に配置されたコンテナにサイトをラップする必要があります。このコード
`body, html {
height:100%;
overflow:auto;
-webkit-overflow-scrolling: touch;
} `
を追加
は、自分のサイト上でIOSにおけるCSSアニメーションをdissapearing引き起こしました。 今私だけ取り出しオーバーフローし、すべてが正常に動作しますので、この問題を解決する方法により
「あなたは絶対に体の直接の子である要素を配置している場合」にdidntのキャッチかもしれそれにもかかわらず、おかげで
は、それが取り組んでいるようですあなたのサイト:)あなたは解決策を見つけましたか？ – Torben