내가 만드는 간단한 오류가 있다고 확신하지만 단순히 경고 $(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>