$ (window) .height () 대 $ (document) .height

$ (window) .height () 대 $ (document) .height

---

높이가 잘못되는 문제가 있습니다.

$(window).height();

여기에 비슷한 질문이 있습니다.

내 경우에는

$(document).height();

올바른 결과를 반환하는 것 같습니다.

창 높이는 320을 반환합니다.

문서 높이는 3552를 반환합니다!

이 질문도 찾았 습니다

하지만 내 경우에는 몇 번의 ajax 작업 후에 높이 함수를 호출하므로 창이 이미 완전히로드됩니다.

그렇다면 현재 창의 높이를 아는 가장 좋은 방법은 무엇입니까?

편집하다:

---

글쎄, 당신은 둘 다 그들이하는 일로 착각 한 것 같습니다.

$(window).height()(브라우저) 창 일명 뷰포트 높이의 단위없는 픽셀 값을 얻습니다 . 웹 브라우저와 관련하여 여기서 뷰포트는 캔버스의 보이는 부분입니다 (종종 렌더링되는 문서보다 작음).

$(document).height()렌더링 되는 문서 높이의 단위없는 픽셀 값을 반환합니다 . 그러나 실제 문서의 본문 높이가 뷰포트 높이보다 작 으면 대신 뷰포트 높이를 반환합니다.

그게 상황을 조금 정리하기를 바랍니다.

---

이것은 나를 고쳤다

var width = window.innerWidth;
var height = window.innerHeight;

---

AFAIK $(window).height();는 창의 $(document).height();높이를 반환하고 문서의 높이를 반환합니다.

---

문서와 창에 대한 의미를 알아야합니다.

1. window 개체는 브라우저에서 열린 창을 나타냅니다. 여기를 클릭하세요
2. Document 개체는 문서 트리의 루트입니다. 여기를 클릭하세요

---

$(document).height:장치 height가 더 큰 경우. 페이지에 스크롤이 없습니다.

$(document).height:스크롤하지 않았다고 가정하고 이것을 반환하십시오 height.

$(window).height:height장치에서 페이지 를 반환하십시오 .

참고 URL : https://stackoverflow.com/questions/14035819/window-height-vs-document-height