javascript - ios phonegap 不允许过度滚动无法正常工作

Question

我目前正在为多个平台使用 phonegap、jquery mobile 开发应用程序。我已经搜索了很多以禁用 phonegap 中的过度滚动效果。根据我的搜索，这可以通过在 confix.xml 中设置首选项来实现

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

我也使用了 javascript 代码来允许正文滚动，但这不能正常工作。下面是我用来允许正文滚动的代码。

.scrollable {
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.scrollable * {
    -webkit-transform: translate3d(0,0,0);
}

document.body.addEventListener('touchmove',function(e){ 
     if(!$(e.target).hasClass("scrollable")) {
       e.preventDefault();
     }
     else
     {
         console.log("Scrollable");
     }
 });

有没有办法解决这个问题

Answer 1

如果您使用的是 phonegap，我发现我实际上必须完全卸载该应用程序并重新安装它才能使 config.xml 中的更改生效并停止过度滚动。