Question

我已尽一切可能阻止在我的PhoneGap（Cordova）应用程序中滚动，但我无法阻止它。这是我尝试过的：

config.xml

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

index.html

<meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' gap:; style-src * 'self' 'unsafe-inline'; script-src * 'self' 'unsafe-inline' 'unsafe-eval'; frame-src *">

...

<style>
    html, body {
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }
</style>

index.js

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

document.addEventListener ("deviceready", ready, false);

字面上没有任何效果。任何想法为什么不呢？谢谢！

Answer 1

我将我的应用放入了div，并提供了这些规则以防止滚动。不确定为什么将规则应用于<body>无效。（在科尔多瓦，但我有信心这将适用于PhoneGap）

.app {
position:absolute;
left:0px;
top:0px;
text-align:center;
height: 100%;
width: 100%;
overflow: hidden; }

Answer 2

尝试一下：

element.ontouchmove = (event) => {
    event.preventDefault();
}

PhoneGap / Cordova：无法阻止滚动

2 个答案: