Уласцівасць scroll-behavior

Уласцівасць scroll-behavior задае плаўную або імгненную пракрутку ўнутры элемента. Уласцівасць прымае два значэння auto (імгненны пераход да элемента) і smooth (плаўны пераход).

Сінтаксіс

cssселектар {
  scroll-behavior: auto або smooth;
}

Прыклад . Значэнне auto

Давайце задамо імгненную пракрутку:

html<div>text</div>

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

Результат:

Прыклад . Значэнне smooth

А цяпер давайце ўсталюем плаўную пракрутку:

html<div>text</div>

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

Результат:

Глядзіце таксама