Jqueryモバイルとタッチオーバーフローが画面上部にジャンプする

Question

iPad用の分割ビューHTMLアプリケーションを設定しています。私はjQuery Mobileを使用しています。私はsplitviewを実行する素晴らしいCSSの方法を見つけました（ -webkit-overflow-scroll：touch; オーバーフロー：自動;
） これはフォームフィールドで正常に動作しますが、すぐにjQuery Mobileスクリプトを含めるとdivを上にスクロールする入力フィールドをクリックします（入力はフォームフィールドにフォーカスされているように見えますが）。

このようなスクロールをどのように抑制するかについてのご意見をお待ちしております。

私は、ページ遷移のためにスクロールすることについて不平を言う人のヒープを検索して見つけましたが、これは異なると思います。

You can see this behavior on this jsfiddle, scroll down the right hand side and click any input field, the screen scrolls to the top（edit the fiddle here）jqmスクリプトを削除すると、この動作が削除されます。

私たちは素晴らしいasyraf9 splitviewを試しましたが、より多くのフォーム項目を追加するにつれてパフォーマンスが著しく低下し、jqmのカスタムフォークを拾うことに消極的であり、まっすぐなCSSアポロを試しています。

Answer 1

これは、ページの入力フィールドを入力すると画面が狂って跳ね上がる原因となっていました。 Androidの3Dウェブキットが壊れています。

Android Browser textarea scrolls all over the place, is unusable

ので、入力のための任意のそのようなことは、この動作を引き起こす可能性があります使用して。しかし、私たちはこのようなことはしていませんでした。 http://www.sencha.com/forum/archive/index.php/t-132885.html?s=8cb1ed44a5383de62fffee964654a338と http://java-cerise.blogspot.in/2012/02/android-browser-jumping-up-and-down.html

から は、固定されたdiv要素は、ページ内の任意の絶対div要素よりも高いZインデックスを有していなければならないことに奇妙な問題があるように思われます。私はそれの理由を見つけることができませんでしたが、私たちの固定部門のためにこれを置くことは、この問題を修正しました。

これを試して、同じ問題があるかどうかを確認してください。

JQMのカスタムフォークに注意して、変更はほんのわずかで、splitview jqmをjqmの最後の安定版（1.0.1に簡単にアップグレード）にアップグレードしました。