2011-07-14 15 views
76

जब मैं overflow संपत्ति के मूल्यों पढ़ाई कर रहा था, मैं इन दो मानों में आए: auto और scroll, जो स्क्रॉलबार (रों) यदि सामग्री तत्व overflows कहते हैं।अंतर "अतिप्रवाह: ऑटो" और "अतिप्रवाह: स्क्रॉल"

क्या कोई मुझे बता सकता है कि उनके बीच क्या अंतर है?

उत्तर

117

ऑटो किसी भी सामग्री को बंद होने पर केवल स्क्रॉलबार दिखाएगा।

स्क्रॉल हालांकि हमेशा स्क्रॉलबार दिखाएगा, भले ही सभी सामग्री फिट हो और आप इसे स्क्रॉल नहीं कर सकें।

+0

यूप, धन्यवाद धन्यवाद। – GirishK

+1

कम से कम सफारी के नवीनतम संस्करण पर कोई फर्क नहीं पड़ता है: यहां तक ​​कि 'स्क्रॉल' के साथ भी, यदि सामग्री फिट बैठती है तो मुझे स्क्रॉलबार दिखाई नहीं देता है। लेकिन, बस सुरक्षित होने के लिए, मैं 'ऑटो' के साथ गया क्योंकि सामग्री को बंद होने पर मैं केवल स्क्रॉलबार दिखाना चाहता हूं। – ma11hew28

+0

@MattDiPasquale ओएस एक्स और विंडोज विभिन्न तरीकों से स्क्रॉलबार प्रदर्शित करते हैं। आप शायद मैक पर सफारी का उपयोग कर रहे हैं? ओएस एक्स अक्सर स्क्रॉलबार को छुपाता है जब तक आप वास्तव में स्क्रॉल नहीं करते। –

8

overflow: scroll सभी बहती हुई सामग्री को छिपाएगा और प्रश्न में तत्व पर स्क्रॉल बार दिखाई देगा। यदि सामग्री ओवरफ़्लो नहीं होती है, तो स्क्रॉलबार अभी भी दिखाई देंगे, लेकिन अक्षम होंगे।

overflow: auto बहुत समान है, लेकिन स्क्रॉलबार केवल तब दिखाई देते हैं जब सामग्री बहती है।

इस here का एक समान स्पष्टीकरण है, जिसमें कुछ स्क्रीनशॉट बिंदु को चित्रित करने के लिए हैं।

+0

आपके लिंक ने बिंदु को मंजूरी दे दी है। धन्यवाद:) – GirishK

2

CSS Tricks पर एक नज़र डालें।

ऑटो स्क्रॉलबार दिखाएगा यदि केवल और यदि सामग्री बहती है; लेकिन स्क्रॉल हमेशा स्क्रॉलबार दिखाएगा, चाहे सामग्री बहती है या नहीं।

1

उत्तर में कोई बिंदु जोड़ना, Overflow:auto कंटेनर की स्थिति पूर्ण Position relative overflow IE7 पर आईई 7 में काम नहीं किया गया है। लेकिन Overflow:scroll सेटिंग

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