CSS scroll-snap-type गुण

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

scroll-snap-type गुण निर्दिष्ट करता है कि आप गलती रोल करने पर एलिमेंट कैसे फोकस पर आगे बढ़ेगा और उसका दिशा जाना है।

स्क्रॉल आसकृत क्रिया को प्राप्त करने के लिए, उसके पिता एलीमेंट पर इस गुण को सेट करना आवश्यक है। scroll-snap-type गुण, और उसके उपगुण पर scroll-snap-align गुण。

उदाहरण

उदाहरण 1

x अक्ष पर स्क्रॉल आसकृत क्रिया सेट करें:

#container {
  scroll-snap-type: x mandatory;
}

स्वयं के अनुभव कीजिए

उदाहरण 2: x और y अक्षों पर आसकृत क्रिया सेट करें

x और y अक्षों पर सेट करें。 scroll-snap-type गुण:

#container > div {
  scroll-snap-type: both mandatory;
}

स्वयं के अनुभव कीजिए

उदाहरण 3: पछताल के साथ आसकृत क्रिया

x और y अक्षों पर पछताल के साथ स्क्रॉल आसकृत क्रिया सेट करें。 scroll-snap-type गुण।इस गुण मान का उपयोग करते समय, यदि स्क्रॉल क्रिया दो एलीमेंटों के बीच के मध्य पर सटीकरूप से स्थित होती है, तो आसकृत क्रिया नहीं होगी:

#container > div {
  scroll-snap-type: both proximity;
}

स्वयं के अनुभव कीजिए

CSS व्याकरण

scroll-snap-type: none|x|y|block|inline|both|mandatory|proximity|initial|inherit;

गुण मान

तकनीकी विवरण

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

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

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

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