Question

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

在HTML页面中，智能手机或平板电脑上的用户使用pinch＆amp; amp;用两根手指进行缩放，即使在没有滚动的页面中也可以滚动页面（环境效果）。

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

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

Answer 1

以工作灯方式（MFP 7.0）阻止应用程序从页面滚动（UIWebView＆＃34;弹跳＆＃34;），找到

apps\your_app_name\iphone\native\config.xml

并制作

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

Answer 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();
});
```
- 或者w / out 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?