Eigenschap scroll-behavior

De eigenschap scroll-behavior bepaalt soepele of onmiddellijke scroll binnen een element. De eigenschap accepteert twee waarden auto (onmiddellijke overgang naar het element) en smooth (soepele overgang).

Syntaxis

cssselector {
  scroll-behavior: auto of smooth;
}

Voorbeeld . Waarde auto

Laten we onmiddellijk scrollen instellen:

html<div>tekst</div>

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

Результат:

Voorbeeld . Waarde smooth

Laten we nu soepel scrollen instellen:

html<div>tekst</div>

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

Результат:

Zie ook