programing

jquery $(window).높이 ()이(가) 문서 높이를 반환합니다.

closeapi 2023. 11. 7. 20:52
반응형

jquery $(window).높이 ()이(가) 문서 높이를 반환합니다.

제가 저지르고 있는 단순한 오류가 있다고 확신하지만, 단지 경고하고 있을 뿐입니다.$(window).height()다음과 같은 값을 반환합니다.$(document).height().

저는 13" MBA를 받고 있으며 브라우저의 창 높이는 780px - 820px (대략) 사이에서 최대가 되지만 매번 문서 높이와 동일한 창 높이를 반환합니다.제가 작업하고 있는 사이트의 경우 모두 1000px 이상입니다.

이게 무슨 일입니까?

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

없음doctypetag, Chrome은 두 호출에 대해 동일한 값을 보고합니다.

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

doctype태그는 당신의 문서에서 가장 첫번째 일이어야 합니다.예를 들어, 텍스트가 렌더링되지 않더라도 텍스트 앞에 있을 수 없습니다.

저도 같은 문제가 있었는데 이것을 사용하면 해결이 되었습니다.

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

이에 대한 질문과 대답: 화면.avail 높이와 창의 차이.높낮이

사진도 있어서 실제로 차이를 볼 수 있습니다.도움이 되길 바랍니다.

기본적으로.$(window).height()브라우저 창(뷰포트) 내부의 최대 높이를 제공합니다.$(document).height()브라우저 내부의 문서 높이를 알려줍니다.대부분의 경우 스크롤 바를 사용하더라도 완전히 똑같을 것입니다.

제 생각에 당신의 문서는 내용을 보여주기에 충분한 공간이 있을 것 같습니다.즉, 문서의 더 이상 부분을 보기 위해 아래로 스크롤할 필요가 없습니다.이 경우 문서 높이는 창 높이와 같습니다.

웹 페이지 jquery(창)에서 Docytype을 사용하면 뷰포트 높이가 반환되고 그렇지 않으면 전체 문서 높이가 반환됩니다.

웹 페이지 상단에 다음 태그를 정의합니다.<!DOCTYPE html>

언급URL : https://stackoverflow.com/questions/12103208/jquery-window-height-is-returning-the-document-height

반응형