如何禁用iPad web应用程序上的滚动

How do I disable scrolling on an iPad webapp?

本文关键字：程序上 滚动 应用程序 应用 何禁用 iPad web      更新时间：2023-09-26

常规:

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

对我不起作用。我正努力让我的iPad网页应用尽可能地贴近本地。

将处理程序直接放在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)">
相关文章：