Свойство scroll-behavior

Свойство scroll-behavior задает плавную или мгновенную прокрутку внутри элемента. Свойство принимает два значения auto (мгновенный переход к элементу) и smooth (плавный переход).

Синтаксис

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

Пример . Значение auto

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

<div>text</div>

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

Пример . Значение smooth

А теперь давайте установим плавную прокрутку:

<div>text</div>

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

Смотрите также

псевдокласс :fullscreen,
который задает стиль элементам в полноэкранном режиме
псевдокласс :default,
который задает стиль элементам по умолчанию