2011-10-11 11 views
21

सामान्य:मैं आईपैड वेबपैप पर स्क्रॉलिंग कैसे अक्षम करूं?

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

मेरे लिए काम नहीं कर रहा है। मैं अपना आईपैड वेबपैप जितना संभव हो उतना देशी महसूस करने की कोशिश कर रहा हूं। किसी भी उत्तर की सराहना की है।

+0

:

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

यह भी उपयोगी यदि आप अलग अलग झुकाव हैंडल करना चाहते हो जाएगा

मैं निम्नलिखित के साथ सफलता मिली है संभावित डुप्लिकेट [आईफोन वेब एप्लिकेशन में स्क्रॉलिंग अक्षम करें?] (http://stackoverflow.com/questions/2890361/disable-scrolling -इन-ए-आईफोन-वेब-एप्लिकेशन) – Gajus

उत्तर

52

उस हैंडलर को 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 के साथ

:

<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

आपको बहुत धन्यवाद – Valli

+0

बस उत्सुक है, क्या आप हैंडलर को 'विंडो' ऑब्जेक्ट पर भी डाल सकते हैं? – skeggse

संबंधित मुद्दे