5

PhoneGapでモバイルアプリを作っています。私はこれを持っています-

function preventBehavior(e)
{
e.preventDefault();
};
document.addEventListener("touchmove",preventBehavior, false);

ページをドラッグしてスマートフォンの画面から少し離れたところにドラッグし、離すとすぐに元に戻る方法をご存知ですか？そして、その後ろに見えるのは黒だけですか？これが、このコードが防止することを目的としています。そして、そうです。

ただし、リストのスクロールなど、すべての標準的なスクロールも妨げられます。誰かが解決策を知っていますか？

4

3 に答える 3

7

Cordova1.7以降の簡単なソリューションXcodeプロジェクトでCordova.plistを見つけます。上部に「UIWebViewBounce」と表示されます。これをNOに設定します。

于 2012-07-29T13:37:59.813 に答える
3

2つのオプションがあります。

  1. iScroll-この効果を与えるのに非常に効果的です。確かにそれには制限があります。

  2. -webkit-overflow-scrolling：touch; iOS 5で導入された新しいcssメソッドはうまく機能しますが、phonegap内にも制限があります。

個人的に私はphonegapアプリにiScrollを使用していますが、スクロールしているアイテムのリストが非常に多い場合はうまく機能します。よりネイティブな方法をお探しの場合は、オーバーフロースクロール方式をお勧めします。これにより、Webビューに奇妙な影響が生じることが証明されています。Phonegapはwebviewとmobilesafariを使用するため、サポートは少し異なります。

iScroll- http: //cubiq.org/iscroll-4 webkit- scrolling-http: //johanbrook.com/browsers/native-momentum-scrolling-ios-5/

于 2012-04-30T06:53:00.637 に答える
2

これをheadタグに追加する必要があります:(今はリスナーコードは必要ありません）

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

これにより、基本的にスケーリング（ズームイン/ズームアウト）と不要なドラッグ効果が無効になります。そのため、ページはスクロールされませんが、touchmoveイベントを追跡できます。

于 2012-04-30T07:53:45.213 に答える