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

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

window.scrollBy(100, 200);

Ας εκτελέσουμε κύλιση προς την αντίθετη κατεύθυνση:

window.scrollBy(-100, -200);

Ας εκτελέσουμε ομαλή κύλιση:

window.scrollBy({
	top: 100,
	left: 100,
	behavior: 'smooth'
});

Με πάτημα στο κουμπί κάντε κύλιση του παραθύρου κατά 100px προς τα κάτω.

Με πάτημα στο κουμπί κάντε κύλιση του παραθύρου κατά 100px προς τα πάνω.

Με πάτημα στο κουμπί κάντε ομαλή κύλιση του παραθύρου κατά 300px προς τα κάτω.

Με πάτημα στο κουμπί κάντε ομαλή κύλιση του παραθύρου κατά 300px προς τα πάνω.