Die scroll-behavior eienskap

Die eienskap scroll-behavior stel 'n gladde of oombliklike blaaibinnede-in-element. Die eienskap neem twee waardes aan auto (oombliklike oorgang na die element) en smooth (gladde oorgang).

Sintaksis

cssselekteerder {
  scroll-behavior: auto of smooth;
}

Voorbeeld . Waarde auto

Kom ons stel oombliklike blaai in:

html<div>teks</div>

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

Результат:

Voorbeeld . Waarde smooth

En laat ons nou gladde blaai instel:

html<div>teks</div>

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

Результат:

Sien ook