Die Eigenschaft scroll-behavior

Die Eigenschaft scroll-behavior legt fest, ob das Scrollen innerhalb eines Elements sanft oder sofort erfolgt. Die Eigenschaft akzeptiert zwei Werte: auto (sofortiger Übergang zum Element) und smooth (sanfter Übergang).

Syntax

cssSelektor {
  scroll-behavior: auto oder smooth;
}

Beispiel . Wert auto

Lassen Sie uns ein sofortiges Scrollen festlegen:

html<div>text</div>

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

Результат:

Beispiel . Wert smooth

Lassen Sie uns nun ein sanftes Scrollen einstellen:

html<div>text</div>

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

Результат:

Siehe auch