2

私はphonegapとhtmlを使用してiOSとAndroid用のアプリを作成しています。私のレイアウトでは、オーバーフローコンテンツを持つリストを持つdivがあります。スクロールできるようにするには、-webkit-overflowscroll：touch;を使用します。そして、この機能をサポートしていないデバイス用の転覆jsポリフィル。

これはiOSで非常にうまく機能します。

しかし、Androidでは、バグがあります。「-webkit-overflowscroll：touch;」機能をサポートするAndroid 4.1でテストする場合、スクロールは最初はうまく機能しますが、スクロール後にアイテムをクリックすると、スクロールが上にジャンプし、リストをより長くスクロールできます。リストのサイズ（下にスクロールしてアイテムが画面から消えるようにすることができます）スクロールが2倍のサイズになっているように...

これが基本的なマークアップです

<div class='page'>
   <div class="contain">
       <ul><li><a></a></li></ul>
   </div>
</div>

私のリストは、.contain css "overflow-y：auto; -webkit-overflow：touch;"に適用するajaxロードによって動的に埋められます。

.contain divのみをスクロールし、body（オーバーフローのhiddenプロパティを持つ）はスクロールしません

なにか提案を ？ありがとう

4

1 に答える 1

0

同じ問題が発生しました。私の場合、リストアイテムのクラスを変更してダウン状態を表示しました。それを行うためにコードを削除すると、リストの選択は正常に機能します。

于 2012-11-08T22:51:58.787 に答える