Κύλιση στοιχείων στο JavaScript

Οι ακόλουθες ιδιότητες περιέχουν το πόσο έχει γίνει κύλιση σε ένα στοιχείο:

console.log(elem.scrollTop);  // από πάνω
console.log(elem.scrollLeft); // από αριστερά

Το ακόλουθο παράδειγμα δείχνει πώς λειτουργούν αυτές οι ιδιότητες. Κάντε κύλιση στο στοιχείο και πατήστε το κουμπί, θα δείτε το ποσό της κύλισης:

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

Δίνεται ένα στοιχείο και ένα κουμπί. Πατώντας το κουμπί, ελέγξτε εάν έχει γίνει κύλιση στο στοιχείο κατακόρυφα.

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

Λάβετε το scrollHeight του στοιχείου και αφαιρέστε από αυτό το ποσό της πλήρους κύλισης (από το προηγούμενο πρόβλημα). Ποια τιμή θα προκύψει; Ποια μεγέθη περιέχει μέσα της;

Προσθέστε το offsetHeight και το ποσό της πλήρους κύλισης. Αφαιρέστε αυτό το άθροισμα από την τιμή του scrollHeight. Ποιος αριθμός θα προκύψει;