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