Как отключить прокрутку в веб-приложении для iPad? - PullRequest
Новая
       16

Как отключить прокрутку в веб-приложении для iPad?

21 голосов
/ 12 октября 2011

Обычный: 

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

не работает для меня. Я пытаюсь сделать так, чтобы мое iPad-приложение было как можно более родным. Любой ответ приветствуется.

1 Ответ

53 голосов
/ 12 октября 2011

Поместите этот обработчик непосредственно в элемент 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)">
...