Egenskaben scroll-behavior

Egenskaben scroll-behavior angiver jævn eller øjeblikkelig rulning inde i et element. Egenskaben tager imod to værdier auto (øjeblikkeligt skift til elementet) og smooth (jævnt skift).

Syntaks

cssselektor {
  scroll-behavior: auto eller smooth;
}

Eksempel . Værdien auto

Lad os angive øjeblikkelig rulning:

html<div>tekst</div>

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

Результат:

Eksempel . Værdien smooth

Og lad os nu indstille jævn rulning:

html<div>tekst</div>

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

Результат:

Se også