क्या के अतिप्रवाह को छिपाने का कोई तरीका है div एक कंटेनर के साथ? मैंने सोचा कि तय के अंदर तय किया जाएगा, लेकिन ऐसा लगता है कि यह मामला नहीं है। एकमात्र कामकाज जिसे मैं सोच सकता हूं "उलटा हुआ" मुखौटा है: अन्य निश्चित divs सब कुछ छिपाने लगभग एक, लेकिन अगर कोई अन्य समाधान हो तो यह बेहतर होगा। http://jsfiddle.net/pjFa6/1/निश्चित स्थिति वाले तत्वों पर ओवरफ़्लो छुपाएं
उत्तर
दुर्भाग्य से यह एक और तत्व (फिक्स्ड या नहीं) के भीतर एक निश्चित तत्व घोंसला करने के लिए असंभव हो सकता है और बाहरी तत्व लपेट और किसी भी अतिप्रवाह को छिपाने के लिए उम्मीद लगता है:
यहाँ बेला है।
केवल एक चीज जिसे मैं सोच सकता हूं वह आंतरिक div को position:absolute
पर तय करने के बजाय सेट कर रहा है। यहां आपके जेएसफ़िल्ड पर आधारित एक उदाहरण दिया गया है: jsfiddle.net/pjFa6/15।
अरघ, मेरी इच्छा है कि यह स्थिति 'निश्चित' के साथ संभव हो। वहाँ एक रास्ता होना चाहिए ... – frhd
इसके बजाय यह प्राप्त करने योग्य है .. यहां देखें [http://stackoverflow.com/questions/12463658/parent-child-with-position-fixed-parent-overflowhidden-bug](http:/ /stackoverflow.com/questions/12463658/parent-child-with-position-fixed-parent-overflowhidden-bug) –
कुछ मोबाइल ब्राउज़र संदर्भों में, -webkit-overflow-scrolling: touch
का उपयोग "क्लिप" निश्चित स्थिति तत्व प्राप्त कर सकता है। देखें: https://miketaylr.com/posts/2015/06/position-fixed-overflow-hidden.html
कंटेनर में z-index: any value;
कथन के साथ क्रोम जैसे कुछ वेबकिट ब्राउज़र में किया जाएगा।
- 1. स्थिति वाले तत्वों पर लंबवत स्थान: पूर्ण
- 2. ओवरफ़्लो के साथ स्क्रॉलबार छुपाएं: स्क्रॉल सक्षम
- 3. पूर्ण स्थिति और ओवरफ़्लो: छुपा
- 4. एंड्रॉइड स्क्रॉलर निश्चित स्थिति पर फ़्लिंग
- 5. पेज (आईपैड) पर निश्चित स्थिति div फ्रीज
- 6. "स्थिति: निश्चित" div
- 7. स्टैक ओवरफ़्लो पर सेगफॉल्ट
- 8. सीएसएस स्क्रीन पर "निश्चित" स्थिति पर तत्व रखने के लिए
- 9. आईई 6 बनाम स्थिति: निश्चित
- 10. मार्जिन अन्य निश्चित तत्व स्थिति
- 11. पेज स्क्रॉल करते समय पारदर्शी निश्चित स्थिति divs के पीछे स्क्रॉल करने योग्य सामग्री छुपाएं?
- 12. एक निश्चित नियंत्रण पर माउस स्थिति कैसे प्राप्त करें
- 13. आईओएस: निश्चित स्थिति में UITableView के शीर्ष पर UIView रखें
- 14. स्थिति वाले तत्व ढूंढें: विशेषता
- 15. निश्चित तत्वों के लिए प्रतिशत चौड़ाई?
- 16. प्रमाणीकरण स्थिति गुजरने वाले node.js
- 17. पूर्ण स्थान वाले तत्वों के साथ साफ़फिक्स
- 18. कक्षा पुस्तकालय में केवल आंतरिक प्रकार वाले नामस्थानों को छुपाएं?
- 19. एंड्रॉइड वेब ऐप: स्थिति: निश्चित टूटा हुआ?
- 20. ओवरफ़्लो: एसवीजी
- 21. स्थिति कैसे बनाएं: निश्चित div scroll क्षैतिज
- 22. jQuery जांचें कि ब्राउज़र समर्थन स्थिति: निश्चित
- 23. पीएचपी SimpleXML: निश्चित स्थिति में नोड डालने
- 24. एक मेक फ़ाइल से बाहर निकलने पर यदि दो शैल चर की स्थिति एक निश्चित स्थिति
- 25. IE9 में स्क्रॉलबार के साथ समस्याएं, स्थिति: निश्चित, अतिप्रवाह: ऑटो
- 26. विशिष्ट पथ पर डिस्क पर EhCache ओवरफ़्लो
- 27. जावास्क्रिप्ट-सीएसएस शो तत्वों को दिखाएं और छुपाएं
- 28. उसी नाम वाले फॉर्म तत्वों को DOM
- 29. कीबोर्ड दिखाया गया तत्वों की स्थिति
- 30. Jquery छुपाएं()
आंतरिक div से तय निकालें, और उन्हें 'स्थिति: सापेक्ष;' जोड़ें। http://jsfiddle.net/pjFa6/12/ – Jeemusu
प्रश्न केवल निश्चित स्थिति के साथ divs को संदर्भित करता है। – Yisela
उस मामले में केवल एक चीज जिसे मैं सोच सकता हूं वह आंतरिक div को निश्चित के बजाय पूर्ण स्थिति में सेट कर रहा है। http://jsfiddle.net/pjFa6/15/। आप एक निश्चित तत्व घोंसला नहीं कर सकते हैं और जहां तक मैं बता सकता हूं कि इसमें इसके रैपिंग तत्व के भीतर निहित है। आपको इसे मुखौटा करना होगा, जो बहुत अच्छा नहीं होगा। – Jeemusu