通常:
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)">
关于javascript - 如何在 iPad 网络应用程序上禁用滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7733703/