2011-10-11 7 views
21

zamanki:iPad web uygulamasında kaydırmayı nasıl devre dışı bırakırım?

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

benim için çalışmıyor. IPad webapp'ımı olabildiğince doğal hissettirmeye çalışıyorum. Herhangi bir cevap takdir edilmektedir.

+0

:

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

Bu aynı zamanda farklı yönü de işleyecek istiyorsanız faydalı olacaktır

aşağıdaki kullanarak başarılı olmuş birkaç olası bir kopyası [iPhone web uygulamasında kaydırmayı devre dışı bırakabilir misiniz?] (http://stackoverflow.com/questions/2890361/disable-scrolling -in-an-iphone-web-uygulama) – Gajus

cevap

52

Bu işleyiciyi document öğesinin üzerine yerleştirin, body ürününü değil. jQuery ile Ardından

<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"> 

:

<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)"> 
+0

Mükemmel çalıştığınız için çok teşekkür ederim – Valli

+0

Sadece meraklı, işleyiciyi 'window' nesnesine koyabilir misiniz? – skeggse