HTML के बीच अंतर "अतिप्रवाह: ऑटो" और "अतिप्रवाह: स्क्रॉल"


123

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

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

जवाबों:


185

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

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


2
कम से कम सफारी के नवीनतम संस्करण पर कोई अंतर नहीं लगता है: यहां तक ​​कि scrollअगर सामग्री फिट बैठती है, तो भी मैं स्क्रॉलबार नहीं देखता हूं। लेकिन, बस सुरक्षित होने के लिए, मैं साथ चला गया autoक्योंकि मैं केवल एक स्क्रॉलबार दिखाना चाहता हूं जब सामग्री को क्लिप किया जाता है।
14:11 बजे ma11hew28

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

1
overlow: scrollइससे अधिक अंतर प्रतीत होता है, बॉक्स को पतला बनाता है: jsbin.com/letog/2/edit
दिमित्री ज़ैतसेव

सफारी 12 में (शायद पहले के संस्करण भी), जब तक कि स्क्रॉल पट्टियों को हमेशा दिखाने के लिए कॉन्फ़िगर नहीं किया जाता है, overflow: scrollऔर overflow: autoकंटेनर समान रूप से बड़े होते हैं जब सामग्री शामिल करने के लिए पर्याप्त होती है।
ल्यूक वर्थ

15

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

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

इस तरह की एक व्याख्या यहाँ है , कुछ स्क्रीनशॉट के साथ बिंदु को चित्रित करने के लिए।


2

सीएसएस ट्रिक्स पर एक नज़र डालें ।

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



0

अतिप्रवाह: स्क्रॉल आपको क्षैतिज और ऊर्ध्वाधर दोनों स्क्रॉलबार दिखाएगा, भले ही आपको एक या दूसरे की आवश्यकता न हो। जबकि, अतिप्रवाह: ऑटो स्क्रॉलबार को दिखाएगा जिसे आपकी div की जरूरत है। इसलिए मूल रूप से ऑटो आपको स्कोलबार से छुटकारा पाने में मदद करेगा। यहाँ यह अधिक है:

https://css-tricks.com/the-css-overflow-property/

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.