0

iPad 用の分割ビュー HTML アプリケーションをセットアップしています。jQueryモバイルを使用しています。スプリットビューを行う素敵な CSS の方法 ( -webkit-overflow-scrolling: touch; overflow:auto; を使用
) を見つけましたが、これはフォーム フィールドでは問題なく機能しますが、任意の入力をクリックしたときに jQuery Mobile スクリプトを含めるとすぐにフィールド div が一番上にスクロールします (ただし、タップされたフォーム フィールドに入力が集中しているように見えます)。

一番上までスクロールする動作を抑制する方法についての提案をいただければ幸いです。

私はページ遷移のためにスクロールしてトップに行くことに不満を持っている人をたくさん検索して見つけましたが、これは違うと思います.

この jsfiddle でこの動作を確認できます。右側を下にスクロールして任意の入力フィールドをクリックすると、画面が一番上までスクロールします(ここでフィドルを編集します)。jqm スクリプトを削除すると、この動作が削除されます。

優れたasyraf9 スプリットビューを試してみましたが、フォーム項目を追加するとパフォーマンスが著しく低下し、jqm のカスタム フォークを手に入れるのは気が進まず、ストレートな CSS アプローチを試してきました。

4

1 に答える 1

0

これは私たちにとっても問題でした。ページの入力フィールドに入力すると、画面が狂ったように上下にジャンプしました。これの原因は、Android で 3D Webkit が壊れていることです。

Android ブラウザのテキストエリアがあちこちスクロールし、使用できない

したがって、入力にそのようなものを使用すると、この動作が発生する可能性があります。しかし、私たちはそのようなものを持っていませんでした。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-index を持つ必要があるという奇妙な問題があるようです。その理由を見つけることができませんでしたが、修正された div に対してこれを実行すると、この問題が修正されました。

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

JQM のカスタム フォークに関しては、変更点はごくわずかで、splitview jqm を jqm の最新の安定バージョンである 1.0.1 に簡単にアップグレードしました。

于 2012-04-04T13:22:52.470 に答える