अतिप्रवाह कैसे होता है: स्क्रॉल अतिप्रवाह से भिन्न होता है: ऑटो?

सीएसएस ' अतिप्रवाह ” संपत्ति का उपयोग चयनित HTML तत्व के लिए सामग्री के अतिप्रवाह को नियंत्रित करने के लिए किया जाता है। सामग्री को 'की मदद से एक विशिष्ट दिशा में नियंत्रित किया जा सकता है' अतिप्रवाह-y ' और ' अतिप्रवाह-x ' गुण। 'अतिप्रवाह' संपत्ति 'जैसे मान स्वीकार करती है' स्क्रॉल ”, “ दृश्यमान ”, “ छिपा हुआ ' और ' ऑटो ” और वे एक दूसरे से कार्यक्षमता में भिन्न होते हैं। हालाँकि, यह मार्गदर्शिका व्यावहारिक उदाहरणों का उपयोग करते हुए अतिप्रवाह: स्क्रॉल और अतिप्रवाह: ऑटो के बीच अंतर को प्रदर्शित करती है।

अतिप्रवाह कैसे होता है: स्क्रॉल अतिप्रवाह से भिन्न होता है: ऑटो?

के बीच मुख्य अंतर स्क्रॉल ' और ' ऑटो 'मूल्य यह है कि' अतिप्रवाह: स्क्रॉल करें ” हमेशा एक स्क्रॉलबार दिखाता है कि इसकी आवश्यकता है या नहीं जो दृश्य विकर्षण पैदा करता है। दूसरी ओर, ' अतिप्रवाह: ऑटो ” सामग्री ओवरफ्लो होने पर केवल स्क्रॉलबार प्रदर्शित करता है। इस तरह, एक साफ और अधिक सुव्यवस्थित डिज़ाइन बनाया जा सकता है जो उपयोगकर्ता का ध्यान आसानी से खींच लेता है।

उदाहरण 1: अतिप्रवाह का उपयोग करना: स्क्रॉल गुण

सीएसएस ' अतिप्रवाह: स्क्रॉल करें ” संपत्ति अतिप्रवाहित सामग्री को नियंत्रित करने के लिए डिफ़ॉल्ट रूप से स्क्रॉलबार सेट करती है। यह अतिप्रवाह सामग्री नहीं देखता है और फिर स्क्रॉलबार लागू करता है। इसके बजाय, यह कोड के संकलन के बाद एक क्षैतिज और ऊर्ध्वाधर स्क्रॉल बार प्रदर्शित करता है, लेकिन उपयोगकर्ता डिज़ाइन की आवश्यकताओं के अनुसार केवल एक साइड स्क्रॉलबार को संशोधित और प्रदर्शित कर सकता है।

'अतिप्रवाह: स्क्रॉल' संपत्ति का उपयोग करने के लिए नीचे दिए गए कोड पर जाएं: