Nasıl Yapılır - Yapışkan Öğe
CSS ile yapışkan bir öğenin nasıl oluşturulacağını öğrenin.
Not: Bu örnek, Internet Explorer veya Edge 15 ve önceki sürümlerde çalışmaz.
Yapışkan Öğe
Örnek
div.sticky {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
İle bir öğe position: sticky;
, kullanıcının kaydırma konumuna göre konumlandırılır.
Yapışkan bir öğe , kaydırma konumuna bağlı olarak relative
ve arasında geçiş yapar. fixed
Görünüm alanında belirli bir ofset konumu karşılanana kadar göreli olarak konumlandırılır - ardından yerine "yapışır" (konum:sabit gibi).
Not: Internet Explorer, Edge 15 ve önceki sürümleri, yapışkan konumlandırmayı desteklemez. Safari, bir -webkit- öneki gerektirir (aşağıdaki örneğe bakın). Yapışkan konumlandırmanın çalışması için top
, veya öğelerinden en az birini right
de belirtmelisiniz .bottom
left
CSS konumlandırma hakkında daha fazla bilgi edinmek için CSS Konumu eğiticimizi okuyun.