0

jQuery Mobile で worklight 6 を使用してアプリを開発しています。

HTML ページでは、スマートフォンやタブレットのユーザーが 2 本の指でピンチ & ズームを使用し、スクロールのないページでもページをスクロールするのが普通です (環境効果)。

Worklight、jQuery Mobile、PhoneGap、または Cordova を使用しているときにこれらの効果を無効にする方法を知りたいです。

次のリンク (iOS の例の画像) は、スクロールに関する問題を示しています。ズームを使用すると、同じ黒い背景が表示されます: https://dl.dropboxusercontent.com/u/15801306/IMG_0222.JPG

4

2 に答える 2

1

Worklight の方法 (MFP 7.0) でアプリケーションがページ スクロール (UIWebView の「バウンス」) するのを防ぐには、次を見つけます。

apps\your_app_name\iphone\native\config.xml

そして、作ります

<preference name="DisallowOverscroll" value="true" />

于 2015-07-08T13:36:43.970 に答える
0
  1. ピンチ & ズーム効果を無効にするには、次の説明に従ってメタ タグを試すことができます:モバイル Safari でビューポートのズームを無効にするには?

    <meta name="viewport" content="width=device-width, initial-scale=1.0,
    maximum-scale=1.0, user-scalable=no" />
    
  2. スクロールを無効にする方法はいくつかあります。たとえば、 http ://workfunc.com/how-to-disable-scrolling-on-mobile/ で説明されているように

    • jQuery経由:
    $(document).bind('touchmove', function(e) {
        e.preventDefault();
    });
    
    • またはjQueryなし(純粋なJS):
    document.addEventListener('touchmove', function(e) {
      e.preventDefault();
    }, false);
    
  3. ビューポートでのみスクロールを無効にしたい場合は、次の質問を参照してください。

于 2013-11-13T14:32:42.997 に答える