2012-04-10 17 views
13

मैं डेस्कटॉप ब्राउज़र में स्क्रॉलिंग अक्षम करने के लिए निम्न कोड का उपयोग करता हूं लेकिन यह आईफोन स्क्रीन रिज़ॉल्यूशन के लिए काम नहीं करता है।स्मार्टफ़ोन और टैबलेट ब्राउज़र में स्क्रॉलिंग को अक्षम कैसे करें?

$("html").css("overflow", "hidden"); 

मुझे और जोड़ने की क्या ज़रूरत है?

उत्तर

28
//target the entire page, and listen for touch events 
$('html, body').on('touchstart touchmove', function(e){ 
    //prevent native touch activity like scrolling 
    e.preventDefault(); 
}); 

अगर स्पर्श घटना अवरुद्ध आप के लिए काम नहीं करता है, तो आप हमेशा इस तरह जा सकते हैं:

html, body{ 
    max-width:100%; 
    max-height:100%; 
    overflow:hidden; 
} 
+0

धन्यवाद, आपका jQuery कोड जो मैं करने की कोशिश कर रहा था उसके लिए अच्छी तरह से काम करता था। –

+1

आपको टचस्टार्ट को हटाना होगा क्योंकि इसके साथ आप "क्लिक टच" ईवेंट –

+0

@ मार्कोमोन्टोवानी को भी अक्षम कर सकते हैं, जो आवश्यकता नहीं थी। – Fresheyeball

5

मैं एक एक टुकड़ा है कि jQuery तो उपयोग नहीं किया जाता प्रदान कर रहा हूँ अगला "जावास्क्रिप्ट" बस कॉपी कर सकता है:

var defaultPrevent=function(e){e.preventDefault();} 
document.body.parentElement.addEventListener("touchstart", defaultPrevent); 
document.body.parentElement.addEventListener("touchmove" , defaultPrevent); 
document.body.addEventListener("touchstart", defaultPrevent); 
document.body.addEventListener("touchmove" , defaultPrevent); 
+0

बस एंड्रॉइड पर इसका परीक्षण किया। 'defaultPreventDefault()' मौजूद नहीं प्रतीत होता है, लेकिन 'preventDefault() 'काम करता है। प्रतिलिपि पास्ता के लिए –

+0

बहुत कुछ। यह एक टाइपो है। और अब धन्यवाद किया गया धन्यवाद। – CyberFox

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

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