2014-04-12 10 views
5

मैं इस डेमो पृष्ठ पर देख रहा हूँ:सीएसएस के साथ एक div स्क्रॉलिंग रोकें?

http://www.ymc.ch/sandbox/hamburger/mobile-menu-demo.html

कौन इसके पीछे इस कोड है:

https://github.com/ymc-thzi/mobile-menu-hamburger

सामान्य तौर पर यह बहुत अच्छा काम करता है, लेकिन जब मेनू मेरी मैकबुक पर खुला है मैं स्क्रॉल करने और सफेद शरीर div को चारों ओर स्थानांतरित करने के लिए दो अंगुलियों का उपयोग कर सकता हूं। सीएसएस का उपयोग करके मैं इसे कैसे रोक सकता हूं? hidden :)

अन्यथा

div { 
    overflow-x: hidden; 
    overflow-y: hidden; 
} 

बस ध्यान रखें कि कोई भी सामग्री जो div के किनारे पिछले फैली हो जाएगा हो सकता है,:

+0

मुझे संदेह है कि इसके लिए आपको जेएस की आवश्यकता होगी। बीटीडब्लू, क्या आपने https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events –

+0

@roko js के साथ खेलने की कोशिश की है, मेरा सरल उत्तर –

+0

सीएसएस में सामान्य ओवरफ़्लो देखें काम नहीं करता मुझे यह भी यकीन नहीं है कि क्या यह प्रति शब्द "स्क्रॉलिंग" के रूप में गिना जाता है लेकिन जब मैं अपने ट्रैक पैड पर दो अंगुलियों का उपयोग करता हूं तो मैं स्क्रीन के चारों ओर सफेद सामग्री div को स्थानांतरित कर सकता हूं (जब मेनू खुला होता है)। क्या अन्य लोग भी इस मुद्दे को देखते हैं? – asolberg

उत्तर

6

आप हमेशा स्क्रॉल को रोकने के लिए चाहते हैं, आप की तरह कुछ इस्तेमाल कर सकते हैं यदि आप बस एक वेब मोबाइल मेनू की तलाश में हैं, तो jQuery mobile देखें।

+1

छिपी हुई सामग्री सामग्री काट जाएगी –

+0

हाँ, अगर सामग्री div से बाहर फैली हुई है, तो इसे काट दिया जाएगा। –

+0

अच्छा बिंदु, अगर वह इसे काटना चाहता है, तो मुझे लगता है कि वह स्क्रॉलबार को मारने और सामग्री छिपाने की कोशिश नहीं कर रहा था। शायद मैंने –

0

उदाहरण यूआरएल में स्क्रॉल बार शरीर में हैं, इसलिए मेनू को बंद होने पर मेनू खोलने पर ऑटोफ्लो प्रॉपर्टी को छिपाने के लिए और मेनू बंद होने पर ऑटो को लोड करने की आवश्यकता होती है।

जावास्क्रिप्ट फ़ाइल में, आप फ़ंक्शन और jQuery(document.body).css('overflow', 'auto') में jQuery("#contentLayer").click फ़ंक्शन में jQuery(document.body).css('overflow', 'hidden') जोड़ सकते हैं।

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