अतिप्रवाह ओवरराइडिंग: छुपा

Question

मेरे पास कई बच्चे तत्वों के साथ एक मूल कंटेनर है। एनीमेशन कारणों (माता-पिता के अंदर और बाहर स्लाइड करने वाले बच्चे तत्व) के कारण मैंने इसे overflow संपत्ति hidden पर सेट कर दी है।

यह बहुत अच्छा काम करता है लेकिन कुछ बच्चे हैं जिन्हें मैं माता-पिता की सीमाओं के बाहर दिखाना चाहता हूं।

मैं इसे कैसे बना सकता हूं ताकि केवल कुछ बच्चे माता-पिता की सीमाओं के बाहर दिखाई दे सकें?

Answer 1

उत्तर है: आप नहीं कर सकते। या तो माता-पिता के पास overflow:hidden है तो सभी बच्चे-तत्वों को बंद कर दिया जाएगा, या आपके पास overflow:(visible|auto|scroll|...) है, तो सभी बच्चों को उस नियम के अनुसार माना जाता है। राज्यों को मिश्रण करने की कोई संभावना नहीं है - सभी बच्चों को समान रूप से इलाज किया जाता है।

<parent>  
    <container1 style="overflow:hidden"> 
     <!-- these will be clipped --> 
     <element> 
     <element> 
    </container> 

    <container2 style="overflow:visible"> 
     <!-- these will be shown --> 
     <element> 
     <element> 
    </container> 
</parent> 

संपादित करें: इस छद्म कोड में की तरह example

Answer 2

ओपी के साथ और अधिक चर्चा के प्रकाश में, यह उत्तर मदद नहीं करता है। इसके बजाय ओपी के साथ स्पष्टीकरण के लिए टिप्पणियां देखें।

सबसे पहले, यदि आप कुछ विशिष्ट कोड शामिल करते हैं तो यह मदद करता है।

सामान्य रूप से कहा जाए तो, CSS चयनकर्ता कि एक है कि सेट overflow: hidden;

उदाहरण के लिए की तुलना में बच्चे को अधिक सटीक है, प्रदान करते हैं

शैली:

.hide-children div {overflow: hidden;} 
.hide-children div.show-me {overflow: none;} 

HTML:

<div class="hide-children"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child show-me"></div> 
</div> 

लेकिन जैसा कि मैंने कहा, केवल कुछ नमूना कोड के बाद एक और सार्थक उत्तर प्रदान किया जा सकता है।

Answer 3

मेरे लिए:

हालांकि, अगर आप माता-पिता के अंदर अतिरिक्त कंटेनर-तत्वों (छिपा हुआ जो अब अतिप्रवाह है) को लागू कर सकता है मैं माता-पिता को ओवरफ्लो के साथ बनाकर चारों ओर मिला: बड़ा छुपाया और फिर आस-पास के तत्वों को माइनस मार्जिन देना।