工作灯：如何在Blackberry设备上阻止过度滚动

我正在开发使用IBM worklight，HTML5，css3，js和jquery mobile的混合应用程序。我注意到该应用程序在页面的顶部和底部都有超卷滚效果或反弹效果。工作灯：如何在Blackberry设备上阻止过度滚动

这只发生在BB9900，Z10和Q10设备中。
该应用程序在Android和iPhone上正常工作。

我试过如下：
更新与下面的config.xml文件：

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

和：

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

他们没有工作。
有没有办法消除黑莓设备的反弹效应？

来源

2014-03-25 AAV

您是否找到解决问题的方法？ –

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

参见“屏幕滚动效果：https://github.com/blackberry/bbUI.js/wiki/Screens
而这个BB开发论坛主题：http://supportforums.blackberry.com/t5/Web-and-WebWorks-Development/Prevent-scrolling-on-BB10-Webworks-BBui-js/m-p/1911219#M29182

一些更多的东西尝试：

如果你有在meta标签中设置的高度，最好不要这样。
这可能是有问题的CSS哪里有高度设置为100％，并且还使用1px的边界，例如，这将导致其溢出。

注：科尔多瓦偏爱config.xml的居然是：

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

然而，这是2.0的WebWorks（解决它的Z10/Q10）的作品。
Worklight并不正式支持该版本的WebWorks。

来源

2014-03-25 20:30:07

谢谢Idan的回复。但是，此解决方案不起作用。 – AAV

我建议在BB的论坛上也提出这个问题，因为它更多地涉及到BB而不是Worklight。 –

@AAV，我已经编辑了一些答案。 –

您可能必须在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 { 
-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; 
}

这个片段中，沿高度和宽度设置为最大大小允许，将确保体验适合移动（没有文本选择，不需要按住）。

来源

2014-03-26 17:11:45

工作灯：如何在Blackberry设备上阻止过度滚动

回答

相关问题