CSS scroll-behavior özelliği

Tanım ve kullanım

scroll-behavior özelliği, kullanıcı tıkladığında kaydırılabilir kutudaki bağlantılarda pürüzsüz (animasyonlu) kaydırma yapılıp yapılmayacağını belirler.

Örnek

Belgeye pürüzsüz kaydırma etkisi ekleyin:

html {
  scroll-behavior: smooth;
}

Kişisel olarak deneyin

CSS dilbilgisi

scroll-behavior: auto|smooth|initial|inherit;

Özellik değeri

Değer Açıklama
auto Varsayılan değer. Kaydırma kutusundaki elementler arasında doğrudan geçiş yapmayı izin veren 'kaydırma etkisi'.
smooth Kaydırma kutusundaki elementler arasında pürüzsüz bir 'kaydırma etkisi'ye izin verir.
initial Bu özelliği varsayılan değerine ayarlar. Ayrıca bakınız initial.
inherit Bu özelliği, ebeveyn elementinden devralır. Ayrıca bakınız inherit.

Teknik ayrıntılar

Varsayılan değer: auto
Devralma: Hayır
Animasyon yapımı: Desteklenmiyor. Ayrıca bakınız:Animasyon ilgili özellikler.
Sürüm: CSSOM View Module（çalışma taslağı）
JavaScript dilbilgisi: object.style.scrollBehavior="smooth"

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0