Ιδιότητα 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,
που ορίζει στυλ σε στοιχεία από προεπιλογή