Saiz Tetingkap Termasuk Bahagian Terskrol dalam JavaScript

Mari dapatkan saiz tetingkap termasuk bahagian yang telah discroll. Malangnya, tiada cara yang mudah dan berfungsi di semua pelayar. Penyelesaian yang berfungsi dibentangkan di bawah. Anda tidak perlu mendalaminya, hanya gunakannya.

Tinggi termasuk bahagian yang discroll:

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);

Lebar termasuk bahagian yang discroll:

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);