如何在 iPad 网络应用上禁用滚动？答案

【问题标题】：How do I disable scrolling on an iPad webapp?如何在 iPad 网络应用上禁用滚动？
【发布时间】：2011-12-05 17:31:33
【问题描述】：

通常：

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

不适合我。我试图让我的 iPad webapp 尽可能地原生。任何答案表示赞赏。

【问题讨论】：

Disable scrolling in an iPhone web application? 的可能重复项

标签： javascript ipad web-applications scroll

【解决方案1】：

将该处理程序直接放在document 元素上，而不是放在body 上。

我在以下方面取得了成功：

<meta name="viewport" content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">

然后用 jQuery：

$(document).bind('touchmove', false);

如果您想处理不同的方向，这也很有用：

<link rel="stylesheet" type="text/css" href="css/main.css" media="all">
<link rel="stylesheet" type="text/css" href="css/landscape.css" media="all and (orientation:landscape)">
<link rel="stylesheet" type="text/css" href="css/portrait.css" media="all and (orientation:portrait)">

【讨论】：

只是好奇，您能否也将处理程序放在window 对象上？