अतिप्रवाह सीएसएस: एक तत्व की सामग्री प्रदर्शित करना

यदि आप विरासत, प्राथमिकता, वर्ग संरचना, सैद्धांतिक बिंदु और व्यावहारिक अनुभव के जंगल में नहीं जाते हैं तो कैस्केडिंग स्टाइल शीट का उपयोग करना आसान है।

प्रत्येक सीएसएस संपत्ति का मुख्य उद्देश्य प्रदर्शित करना है, लेकिन इसका मतलब यह नहीं है कि सभी "दृश्यमान": सीएसएस ओवरफ्लो छिपी हुई निर्माण बस के रूप में महत्वपूर्ण है।

पृष्ठ तत्व

पृष्ठ पर केवल तत्व ही नहीं हैंतत्व तत्व स्थित हो सकते हैं, चाहे वह फ्रेम हो (और यह न केवल घटकों का एक सेट हो सकता है, बल्कि एक पूरी साइट के रूप में भी हो सकता है) या हाथ से बनाई गई वस्तुओं की प्रणाली।

स्वाभाविक रूप से, डेवलपर्स के विशाल बहुमतसाइटें रबर टाइपसेटिंग का अभ्यास कर रही हैं, वे सूचना के बढ़ते संस्करणों के साथ फिर से सोचने के लिए मजबूर हैं और तथ्य यह है कि 800 बाय 600 पिक्सेल बाधा सभी 640 केबी बाधा पर नहीं है जो एमएस डॉस के रचनाकारों की मानसिकता कई दशकों से अधिक है, जो प्रोग्रामर और पहले कर्मचारियों के उपयोगकर्ताओं के लिए जीवन को और अधिक कठिन बना देता है।

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

हालांकि, कोई फर्क नहीं पड़ता कि कैसे प्राथमिकता दी गईलेआउट विकल्प चुनना, कोई फर्क नहीं पड़ता कि साइटों को देखने के लिए इष्टतम स्क्रीन रिज़ॉल्यूशन के लिए आगंतुकों की रुचि कैसे वितरित की जाती है, आज अलग-अलग स्क्रीन हैं जो हमेशा एक निश्चित आकार की आयताकार क्षमता नहीं रखते हैं।

अतिप्रवाह सीएसएस के माध्यम से एक गतिशील दुनिया

यह स्वीकार किया जाता है कि किसी साइट का पृष्ठ हाइपरटेक्स्ट टैग द्वारा निर्धारित सामग्री है जो यह दर्शाता है कि किसी विशेष स्थिति में इसे किसी विशेष स्थिति में कैसे प्रदर्शित किया जाए।

सब कुछ लगातार बदल रहा है। यहां तक ​​कि अगर साइट ऐसी है कि इसकी सामग्री को कई वर्षों तक नहीं बदला जा सकता है, तो इस बात की कोई गारंटी नहीं है कि एक अप्रत्याशित आगंतुक इसे एक नए डिवाइस पर नहीं खोलेगा, जिसके बारे में इस साइट के डेवलपर को भी पता नहीं था।

नियम संपत्ति विकल्प अतिप्रवाह सीएसएस केवल चार प्रदान करता है: यह सब कुछ छिपाने की अनुमति है जो तत्व के दायरे से परे है, प्रदर्शित करता है, हमेशा या केवल आवश्यक होने पर स्क्रॉलिंग प्रदान करता है, या पूर्वज से मान प्राप्त करता है।

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

ओवरफ्लो नियम का उपयोग करने की विशेषताएं

तत्व जो एक टैग के अंदर हैं जो समझ में आता है सीएसएस "पाठ अतिप्रवाह"केवल विशेष रुचि के होते हैं जब वे पाठ होते हैं। अन्य घटकों की नियुक्ति आमतौर पर निर्देशांक या रिश्तेदार पदों द्वारा तय की जाती है।

पाठ तत्वों में हमेशा निश्चित संख्या में वर्ण नहीं होते हैं, और यदि किसी नियम का उपयोग करना आवश्यक हो गया है अतिप्रवाह, सीएसएस को सामग्री की मात्रा में अप्रत्याशित परिवर्तन के लिए नियंत्रण विकल्पों के साथ सौंपा गया है।

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

इसके अलावा, CSS अतिप्रवाह नियम के लिए सेट किया गया हैऑटो / स्क्रॉल पृष्ठ पर अप्रिय अनिश्चितता का एक तत्व लाता है: ब्राउज़र उस पृष्ठ से अपने तत्व तक स्क्रॉल करने में प्राथमिकता स्थानांतरित करता है जब माउस पॉइंटर इसके ऊपर होता है।

जब एक तत्व एक पाठ ब्लॉक है,यह बहुत अधिक ध्यान देने योग्य और असुविधाजनक नहीं है, लेकिन यदि आप विंडो की पूरी चौड़ाई में एक स्लाइडर (चित्र तत्वों का ब्लॉक) रखते हैं, तो आप इस डिज़ाइन को माउस से दूर नहीं कर सकते, आपको अक्सर "प्रारंभ" या "पृष्ठ के अंत" बटन का उपयोग करना होगा।

स्क्रॉलिंग प्राथमिकताएँ

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

साइट हमेशा एक विशिष्ट अर्थ वहन करती है, यहां तक ​​कियदि यह दर्शन, रहस्यवाद या अन्य अप्रत्याशित सामग्री के क्षेत्र से संबंधित है। यही कारण है कि आप हमेशा सीएसएस ओवरफ्लो नियम वाले तत्वों पर एक विशिष्ट संवाद भार ग्रहण कर सकते हैं।

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