Nasıl oluşturulur: Yapışkan resim

CSS ile yapışkan resim nasıl oluşturulurunu öğrenin.

Yapışkan resim

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

Kişisel olarak deneyin

ayarlandı position: sticky; kaydırma konumuna göre konumlandırılır.

Yapışkan elementler, kaydırma konumuna bağlı olarak göreceli konum ve sabit konum arasında geçiş yapar. Verilen kaydırma konumuna ulaşana kadar göreceli konumda kalır - ardından orijinal konumuna yapışır (örneğin position:fixed)

Dikkat:Internet Explorer, Edge 15 ve daha eski sürümler yapışkan konumu desteklememektedir. Safari için bir -webkit- ön ek (örnekleri için bakın). Yapışkan konumunu etkinleştirmek için en az birini belirtmeniz gerekmektedir. üstvesağvedüşük veya soluk 中的一个。

İlgili sayfalar

Rehber:CSS resmi

Rehber:CSS konumlandırma