Свойство 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,
който задава стил на елементи по подразбиране