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:

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

Lebar termasuk bahagian yang discroll:

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

Apabila butang ditekan, paparkan tinggi termasuk bahagian yang discroll.

Apabila butang ditekan, paparkan lebar termasuk bahagian yang discroll.

Apabila butang ditekan, paparkan tinggi bahagian yang tersembunyi di bawah skrol.