[jquery] jquery $ (window) .height ()는 문서 높이를 반환합니다.

내가 만드는 간단한 오류가 있다고 확신하지만 단순히 경고 $(window).height()하고 있으며 $(document).height().

나는 13 “MBA와 내 브라우저의 창 높이를 780px-820px (대략) 사이에서 최대화 할 때마다 문서 높이와 동일한 창 높이를 반환합니다. 작업중인 사이트의 모든 경우에 1000px 이상.

여기서 무슨 일이 일어나고 있습니까?

alert($(window).height());
alert($(document).height()); 



답변

doctype태그가 없으면 Chrome은 두 호출에 대해 동일한 값을보고합니다.

다음과 같은 엄격한 문서 유형을 추가 <!DOCTYPE html>하면 값이 광고 된대로 작동합니다.

doctype태그는해야합니다 매우 문서에 제일 먼저. 예를 들어, 아무것도 렌더링하지 않더라도 그 앞에 텍스트가있을 수 없습니다.


답변

나는 같은 문제가 있었고 이것을 사용하여 해결했습니다.

var w = window.innerWidth;
var h = window.innerHeight;


답변

문서의 내용을 표시하려면 창에 충분한 공간이 있어야한다고 생각합니다. 즉, 문서의 더 이상 부분을보기 위해 아래로 스크롤 할 필요가 없습니다. 이 경우 문서 높이는 창 높이와 같습니다.


답변

이에 대한 질문과 답변이 있습니다. screen.availHeight와 window.height ()의 차이점

사진도 있으므로 실제로 차이점을 볼 수 있습니다. 도움이 되었기를 바랍니다.

기본적으로 $(window).height()브라우저 창 (뷰포트) 내부의 최대 높이를 $(document).height()제공하고 브라우저 내부의 문서 높이를 제공합니다. 대부분의 경우 스크롤바를 사용해도 정확히 동일합니다.


답변

웹 페이지 jquery (window)에서 Doctype을 사용하면 실제로 작동하며 뷰포트 높이를 반환하고 그렇지 않으면 전체 문서 높이를 반환합니다.

웹 페이지 상단에 다음 태그를 정의하십시오.
<!DOCTYPE html>


답변