Διαστάσεις Παραθύρου Λαμβάνοντας Υπόψη την Κύλιση σε JavaScript
Ας πάρουμε τις διαστάσεις του παραθύρου λαμβάνοντας υπόψη το τμήμα που έχει κυληθεί. Δυστυχώς, δεν υπάρχει ένας βολικός τρόπος που να λειτουργεί σε όλους τους φυλλομετρητές. Παρακάτω δίνονται λειτουργικές λύσεις. Δεν αξίζει τον κόπο να εμβαθύνετε σε αυτές, απλώς χρησιμοποιήστε τες.
Ύψος λαμβάνοντας υπόψη το τμήμα που έχει κυληθεί:
javascriptlet scrollHeight = Math.max(
document.body.scrollHeight, document.documentElement.scrollHeight,
document.body.offsetHeight, document.documentElement.offsetHeight,
document.body.clientHeight, document.documentElement.clientHeight
);
console.log(scrollHeight);
Πλάτος λαμβάνοντας υπόψη το τμήμα που έχει κυληθεί:
javascriptlet scrollWidth = Math.max(
document.body.scrollWidth, document.documentElement.scrollWidth,
document.body.offsetWidth, document.documentElement.offsetWidth,
document.body.clientWidth, document.documentElement.clientWidth
);
console.log(scrollWidth);
Задание 1
Πατώντας το κουμπί εμφανίστε το ύψος λαμβάνοντας υπόψη το τμήμα που έχει κυληθεί.
Задание 2
Πατώντας το κουμπί εμφανίστε το πλάτος λαμβάνοντας υπόψη το τμήμα που έχει κυληθεί.
Задание 3
Πατώντας το κουμπί εμφανίστε το ύψος του τμήματος που είναι κρυμμένο κάτω από την κύλιση.