JavaScript에서 스크롤 영역을 포함한 창 크기

스크롤된 부분을 포함한 창 크기를 얻어봅시다. 불행히도 모든 브라우저에서 동작하는 편리한 방법은 없습니다. 아래는 동작하는 해결책들입니다. 이에 대해 깊이 이해하려고 하지 말고, 그냥 사용하십시오.

스크롤된 부분을 포함한 높이:

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

스크롤된 부분을 포함한 너비:

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

버튼을 클릭하면 스크롤된 부분을 포함한 높이를 출력하십시오.

버튼을 클릭하면 스크롤된 부분을 포함한 너비를 출력하십시오.

버튼을 클릭하면 스크롤 아래에 숨겨진 부분의 높이를 출력하십시오.