Egenskapen scroll-behavior

Egenskapen scroll-behavior ställer in mjuk eller omedelbar rullning inom ett element. Egenskapen tar två värden auto (omedelbar övergång till elementet) och smooth (mjuk övergång).

Syntax

cssselektor {
  scroll-behavior: auto eller smooth;
}

Exempel . Värdet auto

Låt oss ställa in omedelbar rullning:

html<div>text</div>

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

Результат:

Exempel . Värdet smooth

Och nu låt oss ställa in mjuk rullning:

html<div>text</div>

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

Результат:

Se även