कैसे बनाया जाता है: चिकनी एलिमेंट

चिकनी एलिमेंट

उदाहरण

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

खुद एक प्रयोग करें

position: sticky; के इस्तेमाल से एलिमेंट उपयोगकर्ता के सर्कल की स्थिति के अनुसार स्थानांकित होता है।

चिकनी एलिमेंट अनुक्रमित स्थानांकन और निर्धारित स्थानांकन के बीच परिवर्तित होते हैं, जो सर्कल की स्थिति पर निर्भर करता है। इसे दृश्य में निर्दिष्ट प्रतिस्थापन स्थान तक पहुंचने से पहले इसे अनुक्रमित स्थानांकन के रूप में होता है, फिर यह वही स्थान पर 'चिकना' होता है (जैसे position:fixed)।

ध्यान:इंटरनेट एक्सप्लोरर, एज 15 और उससे पहले की संस्करण चिकनी स्थानांकन का समर्थन नहीं करते हैं। सफारी को -webkit- पूर्वसूचक की आवश्यकता है (नीचे के उदाहरण देखें)। चिकनी स्थानांकन को प्रभावी बनाने के लिए कम से कम top, right, bottom या left में से एक को निर्दिष्ट करना आवश्यक है।

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

शिक्षा:CSS पोजीशन