2013-01-14 47 views
5

Phonegapを使用してiPadアプリを作成しています。アプリは、固定された横向きの向きと、メニューが上部に沿って実行され、その内部にテキストボックスが右上に表示されます。アプリは固定(フルスクリーン)サイズで、スクロールする必要はありません。Phonegap iOS - 入力フォーカスのスクロールを防止する

ユーザーがiOS 6の右上に表示されるテキストボックスにタッチすると、テキストボックスを画面の中央に配置するためにアプリ全体が左にスライドし、アプリケーション全体が左にプッシュされ、右。

この現象を防止するにはどうすればよいですか?

は、私が現在持っているUIWebViewBounceはNOに設定し、代わりに次のコードは、イベントtouchstartキャッチする:

document.body.addEventListener('touchmove', function(e) { 
    e.preventDefault(); 
}, false); 
また、私は(とはいえiOSの5の上に動作するようですテキストボックス自体、上でこれを持って

stutter)ではなくiOS 6ではなく:

$('#searchText').on("focus", function(event) { 
    window.scrollTo(0, 0); 
}); 

ご協力いただきまして誠にありがとうございます。

答えて

-1

は、あなたの体のelemntに次のCSSスタイルを追加してください:それは、リンクや他のものにユーザ選択を防ぐ

-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
-webkit-tap-highlight-color: rgba(0,0,0,0); 

。多分それはあなたのためにhelfullになります。あなたが集中しているときにシフトしたくないinputonfocus属性にこのJavaScriptを追加すること

+0

私は恐れてkreigだ - 申し訳ありませんが、おかげですべて同じ。 – colin

2

試してみてください。これは私のために動作しません

<input onfocus="this.style.webkitTransform = 'translate3d(0px,-10000px,0)'; webkitRequestAnimationFrame(function() { this.style.webkitTransform = ''; }.bind(this))"/> 
+1

大変ありがとうございます。私は約2年間、iOSのHTMLアプリケーションの開発のためにこの問題を抱えていました!!!私はJQUERYからiScrollまで、他のjavascriptライブラリの虫歯まで、すべてを試しました。本当にありがとう、私の長生きの答えを求める答えです。私ができるようになると受け入れます。 –

+0

あなたは大歓迎ですXD LOL – 131

+0

最新のバージョンにCordova&Phongapをアップデートした後、あなたの修正がもう動作しないようです... lmao –

関連する問題