IBM Worklight 6.0-如何防止应用程序中的缩放？

Question

我们正在结合使用Worklight 6和jQuery Mobile来开发应用程序。

在HTML页面中，智能手机或平板电脑上的用户通常使用两根手指进行缩放操作，甚至在没有滚动的页面中滚动页面（环境效果）。

我想知道在使用Worklight，jQuery Mobile，PhoneGap或Cordova时如何禁用这些效果。

以下链接（iOS示例的图像）显示了滚动问题。 当我们使用缩放时，会显示相同的黑色背景： https : //dl.dropboxusercontent.com/u/15801306/IMG_0222.JPG

Answer 1

为了防止应用程序以工作方式（MFP 7.0）进行页面滚动（UIWebView“反弹”），请找到

apps\\your_app_name\\iphone\\native\\config.xml

和做

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

Answer 2

1. 要禁用收缩和缩放效果，您可以按照以下说明尝试使用meta标签： 如何在Mobile Safari上禁用视口缩放？

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

2. 有几种禁用滚动的方法。 例如，例如： http ://workfunc.com/how-to-disable-scrolling-on-mobile/
   

   • 通过jQuery：

    $(document).bind('touchmove', function(e) { e.preventDefault(); }); 

   • 或不带jQuery（纯JS）：

    document.addEventListener('touchmove', function(e) { e.preventDefault(); }, false); 

3. 如果您只想在视口中禁用滚动，请参见以下问题：

   • 移动设备溢出：滚动和溢出滚动：触摸//防止视口“反弹”
   • 移动Safari视口-防止水平滚动？