स्क्रॉल बार दायीं ओर लंबवत और क्षैतिज बार होते हैं (बाएं से दाएं लिखते समय) और खिड़की के निचले किनारे या खिड़की के भीतर एक अलग क्षेत्र, सामग्री को लंबवत या क्षैतिज रूप से स्थानांतरित करने के लिए डिज़ाइन किया गया है। वेब पेज एचटीएमएल में एम्बेडेड कैस्केडिंग स्टाइल शीट्स (सीएसएस) तत्वों का उपयोग उनकी उपस्थिति और व्यवहार को नियंत्रित करने के लिए करते हैं।
अनुदेश
चरण 1
यदि आप स्क्रॉलबार को संपूर्ण पृष्ठ के लिए नहीं, बल्कि उसके सीमित क्षेत्र के लिए बनाना चाहते हैं, तो div टैग का उपयोग करें। एचटीएमएल (हाइपरटेक्स्ट मार्कअप लैंग्वेज) में, "टैग" एक विशेष पेज तत्व को प्रदर्शित करने के लिए ब्राउज़र के लिए अलग-अलग कमांड को संदर्भित करता है। अपने सरलतम रूप में, एक div टैग (जिसे अक्सर "लेयर" कहा जाता है) इस तरह लिखा जाता है:
यह परत के अंदर का पाठ है
यहाँ उद्घाटन टैग है और समापन टैग है। उद्घाटन और समापन टैग के बीच जो कुछ भी रखा गया है वह परत में है जैसा कि कंटेनर में होता है और इस कंटेनर को आयाम दिया जा सकता है - चौड़ाई और ऊंचाई। यह एक अतिरिक्त पैरामीटर ("विशेषता") शैली का उपयोग करके किया जाता है, जिसे शुरुआती टैग में जोड़ा जाना चाहिए:
यह परत के अंदर का पाठ है
चरण दो
Div टैग की शैली विशेषता और परत के स्क्रॉलबार के नियमों में भी शामिल करें:
यह परत के अंदर का पाठ है
यहां ओवरफ्लो: ऑटो का अर्थ है कि स्क्रॉलबार स्वचालित रूप से दिखाई देंगे, अर्थात, जब परत की सामग्री निर्दिष्ट आयामों में फिट नहीं होगी। यदि ऑटो को स्क्रॉल से बदल दिया जाता है, तो ये धारियां हमेशा मौजूद रहेंगी, भले ही उनकी आवश्यकता हो या न हो। एक छिपे हुए मूल्य का विपरीत प्रभाव होगा - स्क्रॉल कभी नहीं दिखाई देगा, भले ही इस कंटेनर की सामग्री इसके किनारों से परे दिखाई न दे।
चरण 3
संपूर्ण पृष्ठ पर स्क्रॉलबार जोड़ने के लिए समान विधि का उपयोग करें। डिफ़ॉल्ट रूप से, वे आवश्यकतानुसार दिखाई देते हैं, लेकिन यदि किसी कारण से पृष्ठ पर उनकी निरंतर उपस्थिति की आवश्यकता होती है, तो संबंधित शैली नियम को स्रोत html-code में जोड़ा जाना चाहिए। पृष्ठ के कोड में दस्तावेज़ के शीर्ष का समापन टैग ढूंढें और उसके सामने इन शैली निर्देशों को लिखें:
शरीर {अतिप्रवाह: स्क्रॉल;}
