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
seçici {
scroll-behavior: auto veya smooth;
}
Örnek . auto Değeri
Anlık kaydırmayı ayarlayalım:
<div>metin</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Örnek . smooth Değeri
Şimdi de yumuşak kaydırmayı ayarlayalım:
<div>metin</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Ayrıca Bakınız
-
tam ekran modundaki elementlere stil veren
:fullscreensözde sınıfı,
-
varsayılan elementlere stil veren
:defaultsözde sınıfı,
