Својство 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;
}

Результат:

Погледајте такође