Nasıl oluşturulur: Sabit element

CSS ile sabit element nasıl oluşturulur öğrenin.

Kişisel olarak deneyin

Dikkat:Bu örnek Internet Explorer veya Edge 15 ve daha eski sürümler için geçerli değildir.

Sabit element

Örnek

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

Kişisel olarak deneyin

position: sticky; kullanılan elementler, kullanıcının kaydırma konumuna göre konumlandırılır.

Sabit elementler, kaydırma konumuna bağlı olarak göreceli konumlandırma ve sabit konumlandırma arasında geçiş yapar. Verilen kaydırma konumuna ulaşmadan önce göreceli konumlandırma yapar, ardından orada 'sabit' kalır (position:fixed gibi).

Dikkat:Internet Explorer, Edge 15 ve daha eski sürümler sabit konumlandırmayı desteklememektedir. Safari -webkit -önek gerektirir (aşağıdaki örneğe bakın). Sabit konumlandırmayı etkinleştirmek için en azından top, right, bottom veya left'ten birini belirtmek gerekmektedir.

İlgili sayfalar

Eğitim:CSS konumlandırma