Kích thước cửa sổ có tính phần cuộn trong JavaScript

Hãy lấy kích thước cửa sổ có tính đến phần đã cuộn. Thật không may, không có cách tiện lợi nào hoạt động trên tất cả các trình duyệt. Dưới đây là các giải pháp hoạt động. Bạn không cần hiểu sâu, chỉ cần sử dụng chúng.

Chiều cao có tính phần đã cuộn:

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

Chiều rộng có tính phần đã cuộn:

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

Khi nhấn vào nút, hãy in ra chiều cao có tính phần đã cuộn.

Khi nhấn vào nút, hãy in ra chiều rộng có tính phần đã cuộn.

Khi nhấn vào nút, hãy in ra chiều cao của phần bị ẩn dưới thanh cuộn.