कैसे बनाया जाता है: स्टिकी इमेज

CSS के द्वारा स्टिकी इमेज का उपयोग करने के लिए सीखें।

स्टिकी इमेज

img.sticky {
  स्थानांतरण: -webkit-sticky; /* Safari */
  स्थानांतरण: sticky;
  ऊपर: 0;
}

स्वयं एक प्रयोग कीजिए

सेट किया गया स्थानांतरण: sticky; के एलिमेंट उपयोगकर्ता के रोलिंग स्थान को आधार मान कर स्थानांतरण करेगा。

स्टिकी एलिमेंट गलती स्थानांतरण और फिक्स्ड स्थानांतरण के बीच परिवर्तित होगा, जो रोलिंग स्थान पर निर्भर करता है।दिये गए आवधांकन स्थान तक विज्ञापन में पहुंचने से पहले, यह गलती स्थानांतरण होगा - फिर यह 'स्टिकी' होकर उसी स्थान पर बना रहेगा (जैसे स्थानांतरण: फिक्स्ड）

ध्यान दें:इंटरनेट एक्सप्लोरर、Edge 15 और अधिक पुरानी संस्करण स्टिकी स्थानांतरण को नहीं समर्थित करते।Safari को एक -webkit- पूर्व-संज्ञा (देखें उदाहरण)।स्टिकी स्थानांतरण के लिए कम से कम एक विन्यास निर्दिष्ट करना आवश्यक है ऊपर、दाईं、नीचे या बाईं एकमें का एक है।

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

शिक्षा:CSS इमेज

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