1

jquery mobile ios phonegap アプリケーションでは、iscroll を使用しています。iscroll を使用すると、テキスト ボックスの動作がおかしくなります (文字を入力するたびに上下に移動します)。

アプリでiscrollを有効にしました

次のスクリプトを追加しました。

 <script src="js/iscroll.js"></script>
 <script src="js/jquery.mobile.iscrollview.js"></script>

私のページは次のようになります。

 <div data-role="page" id="index">
    <div data-theme="a" data-role="header" data-position="fixed" data-id="footer" data-tap-toggle="false" data-transition="none">
    </div>
    <div data-role="content" data-iscroll>
      // following text field works weirdly 
      <input id="txtComment" placeholder="COMMENTS" value="" type="text" data-theme="b"/>  

    </div>
    <div data-role="navbar" data-position="fixed" data-theme="a" data-id="footer" data-tap-toggle="false" data-transition="none">
    </div>
 </div>

次のコードを追加しようとしましたが、機能しませんでした

 var selectField = document.getElementById('txtComment');
 selectField.addEventListener('touchstart', function(e) {
      e.stopPropagation();
 }, false);

どうすれば修正できますか？

助けてください。

4

3 に答える 3

0

試す：

Android マニフェスト アクティビティ: android:windowSoftInputMode = "adjustNothing"

于 2013-09-25T17:39:44.900 に答える
0

同じ問題が発生しました。使用してスクロールを更新するだけです

setTimeout(function () { myScroll.refresh(); }, 1000);

正しい場所に更新を追加することで、この問題を克服できます。私は多くの Web サイトを調べて、たくさん試しました。完全に機能します。

動作しない場合は、スクロール機能がサポートされていないため、モバイルバージョン（android、ios）の問題です。それがあなたを助けることを願っています。

于 2013-10-19T11:46:11.213 に答える