CSS scroll-behavior गुण
- पिछला पृष्ठ @scope
- अगला पृष्ठ स्क्रॉल-मार्जिन
विभावना और उपयोग
scroll-behavior गुण इस बात को निर्धारित करता है कि उपयोगकर्ता ने एक स्क्रॉल बॉक्स में लिंक पर क्लिक किया है तो स्क्रॉल की स्थिति को सही तरीके से (एनीमेशन के साथ) स्क्रॉल करना चाहता है या नहीं, सीधे जांच के बजाय。
उदाहरण
दस्तावेज़ को सही तरीके से स्क्रॉल करने के लिए जोड़ें:
html {
scroll-behavior: smooth;
}
CSS व्याकरण
scroll-behavior: auto|smooth|initial|inherit;
गुण मान
| मान | वर्णन |
|---|---|
| auto | मूलभूत मान।स्क्रॉल बॉक्स के अंदर एलीमेंटों के बीच सीधे जांच के बजाय सीधे जांच की 'स्क्रॉल इफ़ेक्ट' की अनुमति देता है。 |
| smooth | स्क्रॉल बॉक्स के अंदर एलीमेंटों के बीच सही तरीके से 'स्क्रॉल इफ़ेक्ट' की अनुमति देता है。 |
| initial | इस गुण को उसके मूलभूत मान पर सेट करें। देखें initial。 |
| inherit | इस गुण को उसके पिता एलीमेंट से विरासत करें। देखें inherit。 |
तकनीकी विवरण
| मूलभूत मान: | auto |
|---|---|
| विरासत: | नहीं |
| एनीमेशन निर्माण: | असमर्थित। देखें:एनीमेशन संबंधी गुण。 |
| संस्करण: | CSSOM व्यू मॉड्यूल (कार्यकारी मसौदा) |
| जेसक्रिप्ट व्याकरण: | object.style.scrollBehavior="smooth" |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण के पूर्ण समर्थन वाले पहले ब्राउज़र का संस्करण को सूचित करते हैं。
| च्रोम | IE / एज | फ़ायरफॉक्स | सफ़ारी | ओपेरा |
|---|---|---|---|---|
| 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
- पिछला पृष्ठ @scope
- अगला पृष्ठ स्क्रॉल-मार्जिन
