जावास्क्रिप्ट में स्क्रॉल सहित विंडो के आयाम

आइए स्क्रॉल किए गए हिस्से को ध्यान में रखते हुए विंडो के आयाम प्राप्त करें। दुर्भाग्य से, सभी ब्राउज़रों में काम करने वाला कोई सुविधाजनक तरीका नहीं है। नीचे काम करने वाले समाधान दिए गए हैं। इनमें गहराई से समझने की आवश्यकता नहीं है, बस उपयोग करें।

स्क्रॉल किए गए हिस्से को ध्यान में रखते हुए ऊंचाई:

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

बटन पर क्लिक करने पर स्क्रॉल के नीचे छिपे हुए हिस्से की ऊंचाई प्रिंट करें।