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

Posted

技术标签:

【中文标题】ios phonegap 不允许过度滚动无法正常工作【英文标题】:ios phonegap disallow overscroll not working properly 【发布时间】:2013-07-08 15:05:31 【问题描述】:

我目前正在为多个平台使用 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");
     
 );

有什么办法可以解决这个问题

【问题讨论】:

@Ross 我使用的是 2.8.1 您是否有机会使用 Phonegap 构建服务? 更改 CDViewController 是另一回事。它基本上是一个黑客而不是逻辑。我需要了解可能的解决方案。 【参考方案1】:

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

【讨论】:

以上是关于ios phonegap 不允许过度滚动无法正常工作的主要内容,如果未能解决你的问题,请参考以下文章

iOS HTML Web App (PhoneGap) 滚动

如何防止在PhoneGap中双击移动滚动?

我们如何在滚动视图中设置过度滚动页眉和页脚?

允许 UIScrollView 滚动过去的内容而不弹跳

Jquery mobile 1.4.0 和 phonegap 3.3.0 无法正常工作

Phonegap 应用程序无法在某些 Android 设备中滚动