CSS overflow-anchor प्रयोग

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

overflow-anchor गुण, स्क्रॉल एंकरिंग (scroll anchoring) को बंद करने के लिए प्रयोग किया जाता है。

स्क्रॉल एंकरिंग ब्राउज़र के एक गुण है, जो नए सामग्री लोड करते समय, विन्यास में स्क्रॉल की जा रही क्षेत्र को गतिले नहीं देता। यह अक्सर नेटवर्क कनेक्शन धीमा होने पर एक समस्या बन जाता है, जब उपयोगकर्ता पृष्ठ पूरी तरह से लोड होने से पहले नीचे स्क्रॉल करता है और पढ़ना शुरू करता है。

उदाहरण

स्क्रॉल एंकरिंग बंद करें:

div {
  overflow-anchor: none;
}

अपने आप साबित करें

CSS व्याकरण

overflow-anchor: auto|none|initial|inherit;

गुण मान

मान वर्णन
ऑटो मूलभूत मान। स्क्रॉल एंकरिंग सक्षम करें
नहीं स्क्रॉल एंकरिंग निष्क्रिय करें
इनइशियल इस गुण को उसके मूलभूत मान पर सेट करें। देखें इनइशियल।
इनहेरिट इस गुण को उसके पिता एलेमेंट से इनहेरिट करें। देखें इनहेरिट।

तकनीकी विवरण

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

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

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

च्रोम एज फायरफॉक्स सैफारी ओपेरा
56.0 79.0 66.0 नहीं समर्थित 43.0

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

ट्यूटोरियल：CSS ओवरफ्लोव

संदर्भ：CSS overflow प्रयोग