PhoneGap/Cordova：無法阻止滾動

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>不起作用。 （在 Cordova 中，但我相信這適用於 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 個解決方案

解決方案1
1 2018-11-12 17:43:56

解決方案2
0 2018-11-13 06:40:28

PhoneGap/Cordova：無法阻止滾動

問題描述

2 個解決方案

解決方案1 1 2018-11-12 17:43:56

解決方案2 0 2018-11-13 06:40:28

解決方案1
1 2018-11-12 17:43:56

解決方案2
0 2018-11-13 06:40:28