• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

document.body.offsetHeigh vs window.innerHeight

20.06.28 17:40 작성 조회수 271

0

document.body.offsetHeight 과

window.innerHeight 의 차이를 알고싶습니다 ㅠ__ㅠ

차이를 비교해보려고

document.body.offsetHeight->window.offsetHeight로 바꿔보니 안되더라구요

검색해보니 둘다 스크롤바를 포함한 높이라고 하는데.. body일때랑 window일때랑 다르게 써야하는건지.. 같은 스크롤바 포함 높이인데 다르게 써야하는 이유가 궁금합니다~

답변 1

답변을 작성해보세요.

1

window.innerHeight는 브라우저 창의 높이이고(body 안에 콘텐츠 양에 상관 없이 창의 크기)
document.body.offsetHeight는 <body> 요소의 높이라고 생각하시면 됩니다. 이건 <body> 안에 들어있는 콘텐츠가 많아지면 많아질수록 커지겠지요~^^