페이지 너비와 높이를 가져오는 jQuery 방법 요약

이번에는 페이지 너비와 높이를 구하는 jQuery 방법에 대해 요약해 보겠습니다. jQuery에서 페이지 너비와 높이를 구하는 주의사항은 무엇인가요? 다음은 실제 사례입니다.

브라우저 표시 영역의 높이 가져오기(시각적 영역):

$(window).height();

브라우저 표시 영역(시각적 영역)의 너비 가져오기:

$(window).width();

페이지의 문서 높이 가져오기

$(document).height();

문서 너비 가져오기 페이지의:

$(document).width();

브라우저의 현재 창에서 문서 본문의 높이:

$(document.body).height();

브라우저의 현재 창에서 문서 본문의 너비:

$(document.body).width();

스크롤 막대의 세로 높이를 가져옵니다. 상단(즉, 위로 스크롤되는 웹 페이지의 높이)

$(document).scrollTop();

스크롤 막대 가져오기 왼쪽의 세로 너비:

$(document).scrollLeft();

요소 너비 가져오기 또는 설정:

$(obj).width();

요소 높이 가져오기 또는 설정 요소:

$(obj).height();

요소의 위쪽 테두리에서 body 상단까지의 거리: obj.offset() .top;(요소의 포함 요소에 스크롤 막대가 포함되지 않은 경우)
에서 거리 요소의 왼쪽 가장자리에서 body의 가장 왼쪽 가장자리까지: obj.offset().left; (요소가 포함하는 요소에 스크롤 막대가 없는 경우)
현재 요소의 위쪽 경계에서 위쪽까지의 오프셋을 반환합니다. 포함 요소의 경계: obj.offset().top (스크롤 막대가 포함된 요소의 포함 요소의 경우)
현재 요소의 왼쪽 가장자리부터 포함 요소의 왼쪽 가장자리까지의 오프셋을 반환합니다. obj.offset().left (스크롤 막대가 포함된 요소의 경우)
obj.offset().top;
왼쪽 또는 위쪽 테두리로 스크롤된 픽셀 수를 설정하거나 반환합니다. 요소의. 간단히 말해서 스크롤 막대의 위쪽 또는 왼쪽을 기준으로 일치하는 요소의 오프셋을 설정하거나 가져오는 것입니다. 이러한 픽셀은 요소에 스크롤 막대가 있는 경우에만 유용합니다. 예를 들어 요소의 CSS overflow 속성이 auto로 설정된 경우입니다. 이러한 속성은 문서의 또는 태그에만 정의되며(브라우저에 따라 다름) 함께 스크롤되는 문서의 위치를 ​​지정합니다. 이러한 속성은