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