4

Windows 8でwebviewのバウンスプロパティを制御できる方法があるかどうかを知る必要があります。 -ms-touch-action: none;バウンスを停止しようとしましたが、アプリのスクロール全体が無効になります。

私は次のことを試しましたが、これらは機能しません:-

<meta name="msapplication-tap-highlight" content="no" />



  backface-visibility:hidden;
   -webkit-backface-visibility:hidden;
   overflow: hidden;
   -ms-content-zooming: none;

バウンスを制御するための他の方法があれば教えてください。

4

4 に答える 4

1

このソリューションは、Windows Xaml プロジェクトに基づいています。

 public MainPage()
    {
        InitializeComponent();
        this.CordovaView.DisableBouncyScrolling = true;
        //Splash_Screen();
    }

これを C# クラス ファイルに追加しました。完璧に動作します

最新のコルドバ 2.5+ を使用

次のソリューションに従って、CSS で webview のバウンスを制御することもできます。

リンク: https://stackoverflow.com/a/20974644/1848109

于 2014-02-07T14:11:45.417 に答える
1

実は「overflow: hidden;」私のために働きます。それがないと、webview がバウンスし、何をしても画面が静止したままになります。

私のCSSの一般的なセクションは次のとおりです。

@-ms-viewport {width: device-width;}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

html {
    min-height: 100%;
    position: relative;
}

body {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    -ms-content-zooming: none;
    -ms-user-select: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: url("../img/bg.jpg") #B6B6B6;
    background-size: 100%;
}

HTML5 は、人が思っているほど「普遍的」ではありません。スタイルシートは、プラットフォームに依存するトリックで満たされています...

于 2013-09-24T15:03:12.410 に答える
0

これは Windows 10 Mobile で動作します。WinJS テンプレートから取得しました。

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: default;
    -ms-scroll-translation: vertical-to-horizontal;
}
html {
    overflow: hidden;
}
body {
    -ms-content-zooming: none;
}
于 2016-01-29T13:14:20.070 に答える
0

CSSで「スクロール可能な」スタイルを作成することでこれを解決しました：

.scrollable {
    overflow: scroll;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}

そして、スクロール可能にしたいマークアップの領域で:

<div class="scrollable">
    Hello world<br/>
    Hello world<br/>
    Hello world<br/>
    Hello world<br/>
    Hello world<br/>
    Hello world<br/>
    Hello world<br/>
</div>
于 2015-03-10T22:55:23.867 に答える