IBM Worklight 6.0 - 如何防止应用程序中的缩放和滚动？答案

【问题标题】：IBM Worklight 6.0 - How to prevent Zoom and Scroll in applications?IBM Worklight 6.0 - 如何防止应用程序中的缩放和滚动？
【发布时间】：2013-11-26 01:17:40
【问题描述】：

我们正在使用带有 jQuery Mobile 的 worklight 6 来开发应用程序。

在 HTML 页面中，智能手机或平板电脑上的用户通常会用两根手指使用捏合和缩放并滚动页面，即使是在没有滚动的页面中（环境效果）。

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

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

【问题讨论】：

您已添加此标签并尝试过..
您好，我正在使用标签，我看到你的标签有 'user-scalable=no' 而我的标签有 "maximum-scale=1.0, target-densityDpi=device-dpi" 你知道区别吗？
这个问题只发生在 iOS 和 Windows 环境中，在 android 上缩放和滚动被禁用，我认为是这个标签。

标签： jquery jquery-mobile cordova ibm-mobilefirst

【解决方案1】：

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

apps\your_app_name\iphone\native\config.xml

制作

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

【讨论】：

【解决方案2】：

要禁用捏合和缩放效果，您可以尝试如下所述的元标记：How do you disable viewport zooming on Mobile Safari?
```
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no" />
```
有几种方法可以禁用滚动。例如，如下所述：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);
```
如果您只想在视口中禁用滚动，请参阅以下问题：
- Mobile overflow:scroll and overflow-scrolling: touch // prevent viewport "bounce"
- Mobile Safari Viewport - Preventing Horizontal Scrolling?

【讨论】：

嗨，我们正在使用标签现在我们在内容上添加了属性 user-scalable=no，那么现在缩放被锁定了，但是用户可以使用滚动效果，有一些属性我可以锁定这个效果吗？
嗨，Idan，我们已经尝试过并且确实有效。但是这个解决方案会锁定应用程序上的所有滚动，并且我们有一些使用滚动的页面。我们只想锁定视口的滚动。