თვისება 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,
რომელიც ადგენს ელემენტის სტილს ნაგულისხმევად