페이지 너비와 높이를 가져오는 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로 설정된 경우입니다. 이러한 속성은 문서의 6c04bd5ca3fcae76e30b72ad730ca86d 또는 100db36a723c770d327fc0aef2ce13b1 태그에만 정의되며(브라우저에 따라 다름) 함께 스크롤되는 문서의 위치를 ​​지정합니다. 이러한 속성은 d5ba1642137c3f32f4f4493ae923989c 태그의 스크롤 양을 지정하지 않습니다. 이는 비표준이지만 잘 지원되는 속성입니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

jQuery에서 루프를 사용하는 방법

jQuery는 특정 요소 수의 간격으로 선분을 추가합니다.

JS+jQuery를 사용하여 등록 정보를 확인하는 방법

위 내용은 페이지 너비와 높이를 가져오는 jQuery 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!