Style scrollBehavior özelliği

Tanım ve Kullanım

scrollBehavior Özellik, kullanıcı tıkladığında kaydırılabilir kutudaki bağlantılara doğrudan geçiş yapmak yerine pürüzsüz bir animasyonla kaydırılmasını belirler.

Ayrıca bkz:

CSS Referans Kılavuzu:scroll-behavior özelliği

Örnek

Sayfaya pürüzsüz kaydırma etkisini ekleyin:

document.documentElement.style.scrollBehavior = "smooth";

Kişisel olarak deneyin

Gramer

object.style.scrollBehavior = "auto|smooth|initial|inherit"

Özellik değeri

Değer Açıklama
auto Varsayılan. Sürükleme kutusu içindeki elementler arasında doğrudan geçiş yapmayı olanak tanır "sürükleme etkisi".
smooth Sürükleme kutusu içindeki elementler arasındaki pürüzsüz animasyonları olan "sürükleme etkisi"ni izin verir.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden devralır. Bakınız inherit。

Tarayıcı desteği

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

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