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

实际上，“溢出：隐藏；” 为我工作。没有它，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

我通过在 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 回答
0

这适用于 Windows 10 移动版。我从 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 回答