html elements_jquery의 절대 위치와 상대 위치를 얻는 jquery 메소드

절대 위치 좌표:

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

$("#elem").offset().top
$("#elem").offset().left

상위 요소를 기준으로 한 위치 좌표:

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

$("#elem").position().top
$("#elem").position().left

또한:
static(기본값): 기본 위치 지정 방법입니다.
Relative(상대 위치 지정): static을 기반으로 상, 하, 좌, 우를 설정하여 상대 요소의 원래 위치 변경을 구현합니다.
Absolute(절대 위치 지정): 상위 요소를 기준으로 합니다. 상위 요소에 상대 요소가 있으면 해당 요소의 위치가 계산된 결과입니다. 즉, 절대 위치 지정을 위한 참조 개체는 "마지막 위치에 있는 상위 요소(정적 요소는 포함되지 않음)"입니다. 절대 위치 지정으로 인해 요소가 문서 흐름에서 제거됩니다.
고정(고정 위치 지정): 고정 위치 지정의 참조 개체는 항상 현재 문서입니다. 고정 위치 지정을 사용하면 브라우저 문서의 왼쪽 상단, 오른쪽 상단 등에 div를 쉽게 배치할 수 있습니다.