반응형
스크롤
-
[ JS ] 브라우저 창 사이즈와 스크롤Javascript/이론 2023. 4. 15. 20:57
브라우저 창 사이즈 JS에서 브라우저 창의 너비와 높이를 얻기 위해서는 document.documentElement.clientHeight와 같이 window가 아닌 document.documentElement를 사용합니다. 그 이유는 window.innerHeight와 같은 방식이 스크롤바를 차지하는 영역을 고려하지 않기 때문입니다. window.inner... : 전체 창 너비 document.documentElement.client... : 전체 창 너비 중 스크롤바가 차지한 영역을 제외한 너비 문서 전체의 크기(가려져 있는 부분까지)를 구할 경우에 아래와 같이 구해야합니다. 그 이유는 아주 오래전부터 논리적이지 않은 방식이로 이어져온 것이기에 알아볼 필요가 없으니 그냥 받아들이시면 됩니다. let..