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

Question

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

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

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

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

score 1 · Accepted Answer

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

apps\your_app_name\iphone\native\config.xml

和做

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

score 0 · Accepted Answer

要禁用捏合和缩放效果，您可以尝试使用元标记，如下所述：如何在 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);
```
如果您只想在视口中禁用滚动，请参阅以下问题：
- 移动溢出：滚动和溢出滚动：触摸//防止视口“反弹”
- 移动 Safari 视口 - 防止水平滚动？

2 回答 2