Μέθοδος για κύλιση παραθύρου σε θέση σε JavaScript

Η μέθοδος scrollTo κάνει κύλιση του παραθύρου σε καθορισμένη θέση. Ως πρώτη παράμετρο δέχεται τη θέση οριζόντια, και ως δεύτερη - κάθετα. Ας κάνουμε κύλιση του παραθύρου στην καθορισμένη θέση:

window.scrollTo(100, 200);

Η μέθοδος έχει εναλλακτική σύνταξη, στην οποία ως παράμετρο περνάται ένα αντικείμενο. Στο κλειδί top αυτού του αντικειμένου καθορίζεται η θέση κάθετα, στο κλειδί left - η θέση οριζόντια, και στο κλειδί behavior - ο τύπος κύλισης. Ο τύπος μπορεί να είναι 'auto' ή 'smooth'. Στη δεύτερη περίπτωση η κύλιση θα είναι ομαλή:

element.scrollTo({
	top: 100,
	left: 100,
	behavior: 'smooth'
});

Πατώντας το κουμπί κάντε κύλιση του παραθύρου στη θέση 300px από πάνω.

Πατώντας το κουμπί κάντε ομαλή κύλιση του παραθύρου μέχρι την κορυφή.

Πατώντας το κουμπί κάντε ομαλή κύλιση του παραθύρου μέχρι το τέλος.