CSS overscroll-behavior-y गुण

परिभाषा और उपयोग

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

स्क्रॉलिंग लिंकएक एलीमेंट पर ओवरस्क्रॉल करने से एक पिता एलीमेंट के स्क्रॉल व्यवहार को प्रभावित करने के लिए है। यह डिफ़ॉल्ट व्यवहार है।

ओवरस्क्रॉलफ़ीडबैक यह है जब उपयोगकर्ता स्क्रॉल बॉर्डर से बाहर स्क्रॉल करने की कोशिश करता है। उदाहरण के लिए，मोबाइल उपकरण पर, जब उपयोगकर्ता पृष्ठ के शीर्ष से बाहर स्क्रॉल करने की कोशिश करता है तो अकसर पृष्ठ के रीफ़्रेश के दृश्यक फ़ीडबैक के साथ आता है।

उदाहरण

स्क्रॉल कीबोर्ड <div> एलीमेंट के स्क्रॉलिंग लिंक को बंद करें:

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

अपने आप प्रयोग करें

CSS व्याकरण

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

गुण-मूल्य

मूल्य वर्णन
auto स्क्रॉलिंग लिंक और ओवरस्क्रॉल फ़ीडबैक व्यवहार की अनुमति देता है। डिफ़ॉल्ट मूल्य।
contain ओवरस्क्रॉल फ़ीडबैक व्यवहार की अनुमति देता है, लेकिन स्क्रॉलिंग लिंक की अनुमति नहीं देता है।
none ओवरस्क्रॉल फ़ीडबैक या स्क्रॉलिंग लिंक व्यवहार की अनुमति नहीं देता है।
initial इस गुण को उसके डिफ़ॉल्ट मूल्य पर सेट करें। देखें initial।
inherit इस गुण को उसके पिता एलीमेंट से विरासत करें। देखें inherit।

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: auto
विरासतीयता: नहीं
एनिमेशन निर्माण: समर्थित नहीं है। देखें:एनिमेशन संबंधी गुण।
संस्करण: CSS3
जेसक्रिप्ट व्याकरण: object.style.overscrollBehaviorY="none"

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

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

च्रोम एज फायरफॉक्स सैफारी ओपेरा
63.0 18.0 * 59.0 16.0 50.0

* माइक्रोसॉफ्ट एज में, गुण-मूल्य none को contain के रूप में देखा जाता है, यह गलत है।

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

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

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

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

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

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

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

संदर्भ：CSS स्क्रॉल-पैडिंग अटैब

संदर्भ：CSS स्क्रॉल-स्नैप-एलाइन अटैब