ओवरफ्लो-वाई: ओवरफ्लो-एक्स: छुपा हुआ है जब दिखाई नहीं दे रहा है

क्रोम या फ़ायरफ़ॉक्स में ठीक से काम नहीं करता है। क्या इसका कोई कामकाज है?ओवरफ्लो-वाई: ओवरफ्लो-एक्स: छुपा हुआ है जब दिखाई नहीं दे रहा है

<!DOCTYPE html> 
    <html> 
    <head></head> 
    <body> 
    <h3>overflow-y:visible</h3> 

    with overflow-x:hidden 
    <div style="overflow-x:hidden;overflow-y:visible;width:100px;height:100px; position:relative;background:#666;"> 
     <div style="top:20px;left:20px; width:420px;height:420px;position:absolute;background:#420;"> 
     </div> 
    </div> 

    without overflow-x:hidden 
    <div style="overflow-y:visible;width:100px;height:100px;position:relative;background:#666;"> 
     <div style="top:20px;left:20px; width:420px;height:420px;position:absolute;background:#420;"> 
     </div> 
    </div> 

    </body> 
    </html>

http://jsfiddle.net/sMNyK/

वास्तविक जीवन परिदृश्य घटक है कि पूरी तरह से होना चाहिए ओवरफ़्लो- एक्स शामिल है: छिपा हुआ है, लेकिन कि पॉप-अप मेनू y-दिशा में तत्व से मुक्त तोड़ने में सक्षम होने की जरूरत है कि ट्रिगर किया जाएगा । क्या मुझे बस उन मेनू को अपने मूल घटकों के बाहर रखना चाहिए, या क्या कोई बेहतर सुधार है?

स्रोत

2012-07-17 Seppo420

मैंने इसे देखा, जो कि एफएफ (v21) और क्रोम (v27) में अभी भी एक समस्या जैसा दिखता है। मेरा मुद्दा: 'ओवरफ्लो-एक्स: दृश्यमान; ओवरफ्लो-वाई: छुपा; फिर भी दोनों धुरी पर फसल होती है। – Sprintstar

मैं एफएफ और क्रोम दोनों में आज भी इस समस्या में भाग गया। यह निश्चित रूप से अपेक्षित व्यवहार की बजाय एक बग की तरह दिखता है। – smohadjer

आपको समस्या हो रही है क्योंकि स्थिति: रिश्तेदार; –

मुझे लगता है कि तुम क्या आप एक अतिरिक्त लपेटकर div कि छुपा करता है लेकिन position: relative सेट (see fiddle) नहीं है के साथ चाहते हैं प्राप्त कर सकते हैं:

<div style="overflow-y:visible;width:100px;height:100px;position:relative;background:#666;"> 
    <div style="overflow-x:hidden"> 
    ooooooooooooooooooooooooooooooooooooooooooooooo 
     <div style="top:20px;left:20px; width:420px;height:420px;position:absolute;background:#420;"> 
     </div> 
    </div> 
</div>

स्रोत

2012-07-17 12:24:25 ScottS

यह काम करेगा नहीं, घटकों के बाद से अतिप्रवाह-y की आवश्यकता होती है: दिखाई की आवश्यकता होती है ओवरफ़्लो- एक्स लोगों के अंदर कर रहे हैं: छिपा – Seppo420

user1185421 @ - सबसे पहले, आप अपने प्रश्न में कहा है कि उन्हें "जनक घटकों के बाहर" डाल शायद था केवल विकल्प hidden' एक 'उन पर सेट position' की जरूरत नहीं है: मेरा समाधान उन घटकों की आवश्यकता होती है' ओवरफ़्लो- एक्स के रूप में रूप में लंबे समय से काम करना चाहिए। यह 'पूर्ण' तत्व को केवल उस div से संबंधित होने की अनुमति देगा जो 'ओवरफ़्लो-वाई: दृश्यमान' है। – ScottS

@ user1185421 - एक विस्तृत 'पॉप-आउट div युक्त div' साथ (http://jsfiddle.net/sMNyK/4/) [यहां पर बेला है]। – ScottS

इस संभावना के साथ इस मुद्दे यहाँ संबोधित करना है: CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue

, संक्षेप में जब या तो overflow-x या overflow-y और अन्य के लिए visible के अलावा कुछ के लिए visible का उपयोग कर, visible मूल्यके रूप में व्याख्या की है।

स्रोत

2013-06-10 09:02:34 Sprintstar

+17

यह एक बग है कि ब्राउज़र विक्रेताओं W3C द्वारा ठीक करने या कल्पना की आवश्यकता है? क्योंकि यह भयानक है ... – ProblemsOfSumit

2.5 साल बाद और इस बग अभी भी –

एफएफ 52 मौजूद है और यह अभी भी होता है। एक और साल जोड़ें ... – Sebastianb

ओवरफ्लो-वाई: ओवरफ्लो-एक्स: छुपा हुआ है जब दिखाई नहीं दे रहा है

उत्तर

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