2013-04-09 25 views
5

में स्क्रॉलिंग को रोकें मैं अपने HTML5 एप्लिकेशन में पेज स्क्रॉलिंग के सभी रूपों को रोकना चाहता हूं। मैंने के लिए सामान्य उत्तर के लिए SO और Google पर खोज करने का प्रयास किया है, सभी स्क्रॉलिंग तंत्र को रोकें, लेकिन सबकुछ बहुत विशिष्ट है - जैसे छूने के साथ स्क्रॉलिंग को अक्षम करना, या arrow keys या स्क्रॉलबार स्वयं के साथ।एचटीएमएल 5

कारण मैं इसे देख रहा हूं, यह दृश्यमान स्क्रीन के नीचे एक नया div बनाने में सक्षम है, और इसे एनिमेट करें (और नीचे। यह MoonBase दिखाता है कि मेरा क्या मतलब है।), और मैं उपयोगकर्ता नहीं चाहता इसे देखने के लिए नीचे स्क्रॉल करने में सक्षम होने के लिए। क्या यह संभव है? क्या कोई meta टैग सेट कर सकता है? या CSS? - या, क्या मैं अपनी एनीमेशन में गलत दृष्टिकोण ले रहा हूं? यही है, अगर मेरी बजाय मेरी तरफ से एनिमेटेड है (और meta टैग width=device-width शामिल है) तो मेरी सभी समस्याओं को ठीक किया जाएगा? क्या वांछित व्यवहार पाने के लिए मेरे पास सबसे नज़दीकी तरीका है?

उत्तर

21

आपको जावास्क्रिप्ट की आवश्यकता नहीं है, बस सीएसएस का उपयोग करें। सेट करें overflow: hidden;:

body { 
    overflow: hidden; 
} 
+0

हाँ, बस थोड़ा और खोज के साथ यह पता चला। मैं जवाब दे सकता हूं जब मैं कर सकता हूँ। – Phil

+9

जब भी आप ऐसा करते हैं तो कुंजी का उपयोग करना स्क्रॉल करना अभी भी संभव है। इसे आज़माएं: http://jsfiddle.net/ETBq2/ –

+0

@romkyns इसे रोकने का कोई तरीका है? – Tim