] जबकि देशी CSS क्षमताएं सीधे स्क्रॉलबार प्लेसमेंट पर पूर्ण नियंत्रण प्रदान नहीं करती हैं, स्थिति समायोजन का अनुकरण करने के लिए रचनात्मक तकनीकें हैं। आइए दो ऐसे तरीकों में तल्लीन करें:

1। दाएं/बाएं स्क्रॉलबार फ्लिप:

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

2। शीर्ष/नीचे स्क्रॉलबार फ्लिप:

स्क्रॉलबार को ऊपर से नीचे तक फ्लिप करने के लिए, सीएसएस परिवर्तनों और घुमावों के संयोजन का उपयोग करता है। ट्रांसफ़ॉर्म प्रॉपर्टी का उपयोग करके एक्स-एक्सिस के साथ 180 ° रोटेशन को लागू करके, मूल तत्व और उसके बच्चे की सामग्री को प्रभावी ढंग से उल्टा कर दिया जाता है। यह तकनीक सही पाठ दिशा को बनाए रखते हुए एक लंबवत फ़्लिप किए गए स्क्रॉलबार का भ्रम पैदा करती है। ऊंचाई: 200px; ओवरफ्लो-एक्स: ऑटो; } ।सामग्री { ऊंचाई: 300px; } .Flipped { दिशा: आरटीएल; } .Flipped .content { दिशा: ltr; }

टॉप/बॉटम फ्लिप डेमो:

चौड़ाई: 200px; ओवरफ्लो-वाई: ऑटो; } ।सामग्री { चौड़ाई: 300px; } .Flipped, .Flipped .content { ट्रांसफॉर्म: रोटेटेक्स (180DEG); -ms- ट्रांसफ़ॉर्म: रोटेटेक्स (180DEG); / * यानी 9 */ -वेबिट-ट्रांसफ़ॉर्म: रोटेटेक्स (180DEG); / * सफारी और क्रोम */ …