CSS overscroll-behavior-inline गुण

डेफ़ाइनिशन एंड यूज़

overscroll-behavior-inline इस गुण का उपयोग इनलाइन दिशा में स्क्रॉल करने के लिए रोल बाइंड बंद करने या ओवरस्क्रॉल फ़ीडबैक को बंद करने के लिए किया जाता है।

ध्यान दें:आपको ओवरस्क्रॉल-बीहेवियर को इनलाइन दिशा में ट्रिगर करने के लिए, आपको टैचपैड या टैचस्क्रीन पर स्क्रॉल हाथियार का उपयोग करना होगा।

滚动链是指在一个元素上过度滚动会导致父元素的滚动行为。这是默认行为。

स्क्रोलिंग लाइन यह है जब एक तत्व पर ओवरस्क्रोल होने से उसके पितृ तत्व का स्क्रोल व्यवहार होता है।यह डिफ़ॉल्ट व्यवहार है।

ओवरस्क्रोल फ़ीडबैक यह है जब उपयोगकर्ता गलती से स्क्रोल बाहरी बॉर्डर से प्रयास करता है तो दीजाती जाती है।उदाहरण के लिए，मोबाइल उपकरण पर, जब उपयोगकर्ता पृष्ठ के शीर्ष से बाहर स्क्रोल करने का प्रयास करता है तो अक्सर पृष्ठ को नया फ़ीडबैक देने के साथ दिखाया जाता है। overscroll-behavior-inline और overscroll-behavior-block गुण CSS के overscroll-behavior-x और overscroll-behavior-y गुण बहुत ही समान है, लेकिन overscroll-behavior-inline और overscroll-behavior-block गुण ब्लॉक दिशा और इनलाइन दिशा पर निर्भर करता है。

ध्यान दें:संबंधित CSS गुण writing-mode इनलाइन दिशा को परिभाषित करता है।यह इनलाइन दिशा x दिशा में या y दिशा में होने का निर्धारित करता है, और overscroll-behavior-inline गुण का परिणाम।अंग्रेजी पृष्ठ के लिए，इनलाइन दिशा दांवों से बाईं तरफ जाती है, ब्लॉक दिशा नीचे जाती है。

उदाहरण

उदाहरण 1

इनलाइन दिशा में स्क्रोल करने वाले <div> तत्व की स्क्रोलिंग लाइन को बंद करें:

#yellowDiv {
  overscroll-behavior-inline: contain;
}

स्वयं अभिप्राय करें

उदाहरण 2: writing-mode गुण के साथ संयोजन

<div> तत्व का writing-mode गुण को 'vertical-rl' पर निर्धारित करने पर, लाइनिक दिशा y दिशा में बदल जाती है, इसलिए overscroll-behavior-inline अब y दिशा में काम करता है, नहीं कि x दिशा में:

#yellowDiv {
  writing-mode: vertical-rl;
  overscroll-behavior-inline: contain;
}

स्वयं अभिप्राय करें

CSS व्याकरण

overscroll-behavior-inline: auto|contain|none|initial|inherit;

गुण मान

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。

संबंधित पृष्ठ

संदर्भ:CSS overscroll-behavior गुण

संदर्भ:CSS overscroll-behavior-block गुण

संदर्भ:CSS overscroll-behavior-x गुण

संदर्भ:CSS overscroll-behavior-y गुण

संदर्भ:CSS scroll-behavior गुण

संदर्भ:CSS scroll-margin गुण

संदर्भ:CSS scroll-padding गुण

संदर्भ:CSS scroll-snap-align गुण

संदर्भ:CSS राइटिंग-मोड प्रभाव