Question

我正在使用IBM worklight，HTML5，css3，js和jquery mobile开发混合应用程序。我注意到应用程序在页面顶部和底部都有过卷效果或反弹效果。

仅在BB9900，Z10和Q10设备中发生这种情况该应用程序在Android和iPhone上运行良好。

我尝试了以下内容：
使用以下命令更新了config.xml文件：

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

和

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

它们都不起作用有没有办法消除黑莓设备上的反弹效果？

Answer 1

我的理解是，这可以通过使用data-bb-scroll-effect="off"来实现。

请参阅＆＃34;屏幕滚动效果：https://github.com/blackberry/bbUI.js/wiki/Screens
这个BB dev论坛主题：http://supportforums.blackberry.com/t5/Web-and-WebWorks-Development/Prevent-scrolling-on-BB10-Webworks-BBui-js/m-p/1911219#M29182

还有一些事情需要尝试：

如果您在元标记中设置了高度，那么最好不要这样做。
在CSS中可能存在一个问题，即高度设置为100％，并且还使用1px边框，这会导致它溢出。

注意： Cordova中对config.xml的偏好实际上是：

 <preference name="webviewbounce" value="false"/>

但是，这适用于WebWorks 2.0（针对Z10 / Q10解决了这个问题） Worklight不正式支持该版本的WebWorks。

Answer 2

您可能必须将index.html中的视口设置为

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

和你的CSS body元素：

body {
-webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
-webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
width: 100%;
height:100%;
margin:0px;
padding:0px;
}

此片段将高度和宽度设置为允许的最大尺寸，以确保体验适合移动设备（无文字选择，无需点按即可）。

Worklight：如何阻止Blackberry设备过度滚动

2 个答案: