Scroll-behavior қасиеті

scroll-behavior қасиеті элемент ішіндегі айналдыруды тегіс немесе лезде орнатады. Қасиет екі мәнді қабылдайды: auto (элементке лезде өту) және smooth (тегіс өту).

Синтаксис

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

Мысал . Auto мәні

Лезде айналдыруды орнатайық:

<div>мәтін</div>

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

Мысал . Smooth мәні

Енді тегіс айналдыруды орнатайық:

<div>мәтін</div>

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

Сондай-ақ қараңыз

:fullscreen селекторы,
ол толық экран режиміндегі элементтерге стиль береді
:default селекторы,
ол әдепкі элементтерге стиль береді