scroll-behavior Özelliği

scroll-behavior özelliği, bir elementin içindeki kaydırmayı yumuşak veya anlık olarak ayarlar. Özellik iki değer alır: auto (hedefe anlık geçiş) ve smooth (yumuşak geçiş).

Sözdizimi

cssseçici {
  scroll-behavior: auto veya smooth;
}

Örnek . auto Değeri

Anlık kaydırmayı ayarlayalım:

html<div>metin</div>

cssdiv {
  scroll-behavior: auto;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

Örnek . smooth Değeri

Şimdi de yumuşak kaydırmayı ayarlayalım:

html<div>metin</div>

cssdiv {
  scroll-behavior: smooth;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

Ayrıca Bakınız