Sifat scroll-behavior

Sifat scroll-behavior menetapkan penatalihan yang lancar atau serta-merta dalam elemen. Sifat ini menerima dua nilai auto (peralihan serta-merta kepada elemen) dan smooth (peralihan lancar).

Sintaks

cssselector {
  scroll-behavior: auto atau smooth;
}

Contoh . Nilai auto

Mari kita tetapkan penatalihan serta-merta:

html<div>teks</div>

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

Результат:

Contoh . Nilai smooth

Sekarang mari kita tetapkan penatalihan yang lancar:

html<div>teks</div>

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

Результат:

Lihat juga