Savybė scroll-behavior

Savybė scroll-behavior nustato sklandų arba momentinį slinkimą elemento viduje. Savybė priima dvi reikšmes auto (momentinis perėjimas prie elemento) ir smooth (sklandus perėjimas).

Sintaksė

cssselektorius {
  scroll-behavior: auto arba smooth;
}

Pavyzdys . Reikšmė auto

Nustatykime momentinį slinkimą:

html<div>text</div>

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

Результат:

Pavyzdys . Reikšmė smooth

O dabar nustatykime sklandų slinkimą:

html<div>text</div>

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

Результат:

Taip pat žiūrėkite