javascript - div position absolute... overflow-y:auto and then vertical scrollbar covers some of the content -

मेरे पास पूर्ण स्थिति वाला एक div है

कुछ अन्य divs के अंदर

  & lt; div शैली = "स्थिति: पूर्ण; प्रदर्शन: ब्लॉक; रूपरेखा: 0 पीएक्स; मार्जिन: 0 पीएक्स; पैडिंग: 0 पीएक्स; शीर्ष: 0; टेक्स्ट-संरेखित करें : छोड़ दिया; फ़ॉन्ट आकार: 11px; फ़ॉन्ट-परिवार: एरियल; कर्सर: डिफ़ॉल्ट; सीमा: 1 पीएक्स ठोस आरजीबी (170, 170, 170); अतिप्रवाह-एक्स: छिपा हुआ; सफेद-स्थान: पूर्व; अतिप्रवाह- y: ऑटो; बाएं: 0 पीएक्स; ऊंचाई: 132 पीएक्स; "& gt; DIV & gt; ए एईडी & lt; / div & gt; & lt; div & gt; एबी & lt; / div & gt; & lt; div & gt; एबी & lt; / div & gt; & lt; div & gt; एबी & lt; / div & gt; & lt; div & gt; अब & lt; / div & gt; & lt; div & gt; अब & lt; / div & gt; & lt; div & gt; अब & lt; / div & gt; & lt; div & gt; अब & lt; / div & gt; & lt; div & gt; अब & lt; / div & gt; & lt; div & gt; अब & lt; / div & gt; & lt; div & gt; अब & lt; / div & gt; & lt; div & gt; अब & lt; / div & gt; & lt; div & gt; अब & lt; / div & gt; & lt; / div & gt;   
 जैसा कि आप देख सकते हैं कि पहली डिव पूरी तरह से दिखाई नहीं दे रहा है क्योंकि वर्टिकल स्क्रॉल बार इसे कवर करता है।  
 अगर मैं ओवरफ्लो-वाई सेट करता हूं: स्क्रॉल करें। समस्या दूर हो जाती है।  
 हालांकि मैं यह नहीं करना चाहता क्योंकि यह डिवा ऑटोगेनेरेट किया गया है (जावास्क्रिप्ट के माध्यम से) और कई मामलों में मुझे ऊर्ध्वाधर स्क्रॉल पट्टी की आवश्यकता नहीं है (उदाहरण के लिए यदि सूची में है एक या दो या तीन आइटम)  
 क्या कोई इस समस्या को हल करने का सुझाव दे सकता है?   
 
 < P> यदि स्क्रॉलबार दिखाया जा सकता है या नहीं, तो सामग्री कंटेनर का आवरण के साथ उपयोग करें जो स्क्रॉल हो सकता है या नहीं। Html:  
  & lt; div वर्ग = "कंटेनर" & gt; & Lt; div वर्ग = "प्रविष्टियां" & gt; & Lt; div & gt; ए ए ए & lt; / div & gt; & Lt; div & gt; अब & lt; / div & gt; ... & lt; / div & gt; & Lt; / div & gt;   
 और सीएसएस:  
 । कंटेनर {ऊंचाई: 100px; अतिप्रवाह- y: ऑटो; }। डाट {white-space: pre; }   
 डेमोनस्ट्रेटर:  
 उसने कहा, अगर आप की पूर्ण आवश्यकता  पूर्व  सफेद स्थान हैंडलिंग, और आपकी लाइनें बहुत लंबी हैं, तो आप या तो दोनों दिशाओं के लिए स्क्रॉल ऑन करने की आवश्यकता है, न कि केवल  y , और यह एक अच्छा संकेत है कि जिस तरह से आप सामग्री प्रस्तुत करने का प्रयास कर रहे हैं वह इसके बारे में जाने का एक अच्छा तरीका नहीं है। यूएक्स आपके उपयोगकर्ताओं के लिए खराब होगा, और इन एंट्री डिविज़ में सूचीबद्ध सामग्री के आधार पर, उस डेटा को दिखाने के लिए बेहतर तरीके होंगे।