Διαστάσεις Παραθύρου Λαμβάνοντας Υπόψη την Κύλιση σε JavaScript

Ας πάρουμε τις διαστάσεις του παραθύρου λαμβάνοντας υπόψη το τμήμα που έχει κυληθεί. Δυστυχώς, δεν υπάρχει ένας βολικός τρόπος που να λειτουργεί σε όλους τους φυλλομετρητές. Παρακάτω δίνονται λειτουργικές λύσεις. Δεν αξίζει τον κόπο να εμβαθύνετε σε αυτές, απλώς χρησιμοποιήστε τες.

Ύψος λαμβάνοντας υπόψη το τμήμα που έχει κυληθεί:

let scrollHeight = Math.max(
	document.body.scrollHeight, document.documentElement.scrollHeight,
	document.body.offsetHeight, document.documentElement.offsetHeight,
	document.body.clientHeight, document.documentElement.clientHeight
);

console.log(scrollHeight);

Πλάτος λαμβάνοντας υπόψη το τμήμα που έχει κυληθεί:

let scrollWidth = Math.max(
	document.body.scrollWidth, document.documentElement.scrollWidth,
	document.body.offsetWidth, document.documentElement.offsetWidth,
	document.body.clientWidth, document.documentElement.clientWidth
);

console.log(scrollWidth);

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

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

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