요소 문서 크기, 오프셋, 위치 및 스크롤 막대 position_jquery를 얻기 위한 JQuery 메서드 컬렉션

브라우저 호환성 문제로 인해 JavaScript를 사용하여 이러한 값을 얻는 것은 매우 힘든 프로세스입니다. 다행히 JQuery는 간단하고 우아하며 호환 가능한 솔루션을 제공합니다.
브라우저 및 페이지 문서의 너비와 높이를 가져옵니다

코드 복사 코드는 다음과 같습니다.

//브라우저 표시 영역의 높이 가져오기
$(window).height()
//브라우저 표시 영역의 너비 가져오기
$(window).width; ();

//페이지의 문서 높이를 가져옵니다
$(document.body).height()
//페이지의 문서 너비를 가져옵니다
$(document .body).width();

스크롤바 위치 가져오기

코드 복사 코드는 다음과 같습니다.

/ /상단에서 스크롤바의 세로 높이를 구합니다.
$(document).scrollTop()//세로 너비를 구합니다. 왼쪽부터 스크롤바
$(document).scrollLeft()

위치 및 오프셋 계산
오프셋 메서드는 오프셋 정보를 반환하는 매우 유용한 메서드입니다. 묶음 집합의 첫 번째 요소. 기본적으로 본체에 대한 오프셋 정보입니다. 결과에는 top과 left라는 두 가지 속성이 포함됩니다.
offset(options, results)
options.relativeTo계산된 오프셋 위치를 기준으로 상위 요소를 지정합니다. 이 요소는 상대적으로 또는 절대적으로 배치되어야 합니다. 생략하면 본문을 기준으로 합니다.
options.scroll 스크롤 막대 포함 여부, 기본값은 TRUE
options.padding 패딩 포함 여부, 기본값은 false
options.margin 여백 포함 여부, 기본값은 true
options .border 테두리 포함 여부, 기본값은 true