स्क्रोलबार, दस्तावेज़ में उपयोगकर्ता की जगह की जानकारी दिखाते हैं. यह दस्तावेज़, देखने के लिए तय की गई जगह से बड़ा होता है. इनकी मदद से उपयोगकर्ता, विंडो को देखने वाले हिस्से को ऊपर या नीचे ले जाकर, दस्तावेज़ के बाकी हिस्से पर जा सकता है.
स्क्रोलबार से इंटरैक्ट करने के लिए उपयोगकर्ता, टच, रोटरी व्हील या टचपैड का इस्तेमाल करते हैं. स्क्रोल बार में ऐरो पर टैप करने से, कॉन्टेंट के हिस्से में “पेज” दिखने लगेंगे. इसका मतलब है कि स्क्रीन की ऊंचाई के बराबर बढ़ोतरी हुई. हालांकि, अगर उपयोगकर्ता स्क्रोल करने के लिए तेज़ी से फ़्लिंग करते हैं (टचस्क्रीन सेंसिटिविटी पर निर्भर करते हुए), तो फ़्लिंग मोशन से इनर्शियल मोमेंट जनरेट हो सकती है, जिससे एक पेज से ज़्यादा पेज तक स्क्रोल किया जा सकता है. स्क्रोलिंग मोशन हमेशा किसी आइटम के हिसाब से होना चाहिए, फिर चाहे स्क्रोल करना किसी भी तरह शुरू किया गया हो.
शरीर रचना
स्क्रोलबार में स्क्रोल-अप और स्क्रोल-डाउन की सुविधा होती है. साथ ही, इसमें स्क्रोल की प्रोग्रेस दिखाने वाला इंडिकेटर भी होता है. स्क्रोल करने की दिशा दिखाने के लिए शेवरन का इस्तेमाल स्क्रोल के लिए किया जाता है. स्क्रोल की प्रोग्रेस दिखाने वाला इंडिकेटर एक वैकल्पिक एलिमेंट है. यह पेज पर कुल कॉन्टेंट के मुकाबले, कॉन्टेंट और स्क्रोल की पोज़िशन के बारे में बताता है.
ध्यान दें: स्क्रोल की प्रोग्रेस दिखाने वाले इंडिकेटर को, खींचने और छोड़ने की सुविधा के हिसाब से नहीं बनाया गया है.
2. स्क्रोल की प्रोग्रेस दिखाने वाला इंडिकेटर
3. स्क्रोल-डाउन फ़ोरेंस
खास जानकारी
स्टैक किए गए प्राइमरी नेविगेशन और छोटे कंट्रोल बार के साथ बार की पोज़िशन को स्क्रोल करें
सिर्फ़ ऐप्लिकेशन हेडर के साथ बार की जगह स्क्रोल करें
ऐप्लिकेशन हेडर और कंट्रोल बार के साथ स्क्रोल बार की पोज़िशन
ऐप्लिकेशन हेडर और बड़े किए गए कंट्रोल बार के साथ स्क्रोल बार की पोज़िशन
ऐप्लिकेशन बार/हेडर और छोटे कंट्रोल बार के साथ बार की पोज़िशन स्क्रोल करें
सिर्फ़ ऐप्लिकेशन बार/हेडर की मदद से, बार की जगह स्क्रोल करें
ऐप्लिकेशन हेडर और कंट्रोल बार के साथ स्क्रोल बार की पोज़िशन
ऐप्लिकेशन हेडर और बड़े किए गए कंट्रोल बार के साथ स्क्रोल बार की पोज़िशन
छोटी स्क्रीन की ऊंचाई के साथ, स्क्रोल बार की जगह
वैकल्पिक स्क्रोल प्रोग्रेस इंडिकेटर
स्टाइल
रंग
| एलिमेंट | कलर(दिन मोड) | कलर (नाइट मोड) |
|---|---|---|
| मुख्य आइकॉन - चालू होने की स्थिति | सफ़ेद | सफ़ेद @ 88% |
| मुख्य आइकॉन - इनऐक्टिव होने की स्थिति | सफ़ेद @ 56% | सफ़ेद @ 50% |
| स्क्रोल की प्रोग्रेस दिखाने वाला इंडिकेटर | सफ़ेद @ 16% | सफ़ेद @ 12% |
साइज़ बदलना
| एलिमेंट | साइज़ (dp) |
|---|---|
| प्राइमरी आइकॉन | 44 |
| स्पर्श लक्ष्य | 76 |
| स्क्रोल प्रोग्रेस इंडिकेटर की चौड़ाई | 6 |
| कोने का गोल दायरा (R4) | फ़ुल |
उदाहरण
