CSS ओवरस्क्रॉल-बीएफएरियन-एक्स प्रकृति

विवरण और उपयोग

overscroll-behavior-x गुण का उपयोग एक्स दिशा में स्क्रॉलिंग सीमा से बाहर स्क्रॉल करने के लिए एलिमेंट की स्क्रॉलिंग श्रृंखला या अधिक स्क्रॉलिंग प्रतिसाद को बंद करने के लिए किया जाता है。

ध्यान दें:एक्स दिशा में overscroll-behavior ट्रिगर करने के लिए, आपको टैप्टक या टैपस्क्रीन पर स्लाइड मौद्रिका का उपयोग करना होगा。

स्क्रॉलिंग श्रृंखलाएक एलिमेंट पर अधिक स्क्रॉलिंग करने से पिता एलिमेंट के स्क्रॉलिंग व्यवहार को प्रेरित करने के लिए है। यह डिफ़ॉल्ट व्यवहार है。

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

उदाहरण

एक्स दिशा में स्क्रॉल करने वाले <div> एलिमेंट की स्क्रॉलिंग श्रृंखला को बंद करें:

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

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

CSS व्याकरण

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

गुण मूल्य

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

तकनीकी विवरण

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

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

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

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

* इंटरनेट एज में, प्राप्ति मूल्य none को contain के रूप में देखा जाता है, यह गलत है।

相关页面

संदर्भ:CSS ओवरस्क्रॉल-बीएफएरियन प्रकृति

संदर्भ:CSS ओवरस्क्रॉल-बीएफएरियन-ब्लॉक प्रकृति

संदर्भ:CSS ओवरस्क्रॉल-बीएफएरियन-इनलाइन प्रकृति

संदर्भ:CSS ओवरस्क्रॉल-बीएफएरियन-वाइ प्रकृति

संदर्भ:CSS स्क्रॉल-बीएफएरियन प्रकृति

संदर्भ:CSS स्क्रॉल-मार्जिन प्रकृति

संदर्भ:CSS scroll-padding विशेषता

संदर्भ:CSS scroll-snap-align विशेषता