ios phonegap禁止过度滚动无法正常工作

时间:2013-07-08 15:05:31

标签: javascript ios jquery-mobile cordova

我目前正在使用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");
     }
 });

有没有办法解决这个问题

1 个答案:

答案 0 :(得分:0)

如果您正在使用phonegap,我发现我必须完全卸载该应用并重新安装它以使config.xml中的更改生效并停止过度滚动。