視差のある街頭のシーンを作成しました。アーカイブ済みのバージョンについては、hereを参照してください。Androidブラウザのスクロールイベントが発生しません。対処が必要です
すべての主要なデスクトップブラウザとSafari Mobileでうまく動作します。 Mobile FirefoxやAndroid用Chromeでもうまく動作します。ただし、デフォルトのAndroidブラウザではスクロールイベントに問題があります。私にはっきりさせてください。スクロールは問題ではありません。 divは必要に応じてスクロールします。スクロールイベントは発生しません。この問題はICSだけでなくHoneycombでも発生します。
私は他のモバイルブラウザについては心配していません。なぜなら、モバイル画面サイズの場合、通常、視差のシーンは表示されないからです。 mediaqueriesと条件付きのJavaScriptの読み込みがそれを処理します。レスポンシブなデザインとそのすべてのジャズ。
基本的には、位置と「奥行き」に基づいて各画像を配置するparallise()jQueryプラグインを作成しました。この関数は、スクロールイベントにバインドされています。
Androidブラウザでは、このイベントは、次のタッチの開始時にを起動します。、連続してではなく、
私はおそらく、私がtouchstart
、touchmove
、およびtouchend
のイベントに関数をバインドすると、私は私の問題を解決するだろうと思った。葉巻はありません。 Other touch events are also bugged.提案された回避策を適用するとイベントが発生しますが、e.preventDefault()
にあるように、スクロール(練習問題全体)が無効になります。
ステージdivの位置をウィンドウdivに対して相対的にポーリングするとどうなりますか?次のタッチの開始時に位置情報が更新されるのはです。
私はテザーの最後です。どんな助けでも大歓迎です。
[OK]を、私は別のサイトのためのテストドメインを使用する必要があります。もし誰かがこの問題を助けたいと思っているなら、コメントを残してください。私はもう一度言います。このサイトは[smartdevice.co.za](http://smartdevice.co.za)でも公開されていますが、ビューポートは '960px'に設定されていません。私たちはクライアントに、これが私たちが制御できないブラウザの問題であることをほとんど話しました。この問題の影響は、デフォルトのブラウザのみを実行するAndroidタブレットに限られています。 しかし、後世のために、解決策が分かっている場合は、コメントを残してください。 –
この問題を解決したことがありますか? – IamDeveloper
残念ながら。ほとんどのタッチイベントで使用されているコードは、期待通りに動作しないため、回避策を作成することは不可能です。何らかの点でタッチイベントに依存するためです。私がクライアントを解雇したとき、以前のコメントに記載されているサイトには私のコードは含まれていません。サイトのコピーはhttp://xandor.co.za/smartdeviceにあります。 –