요소의 위치관련 메소드, .offset() 메소드 vs .position() 메소드

 

요소의 위치

선택한 요소의 위치 정보를 손쉽게 얻을 수 있도록 다양한 메소드를 제공합니다.

메소드	설명
.offset()	·         선택된 요소의 절대위치를 가져오는 메소드 ·         선택한 요소 집합의 첫 번째 요소의 위치를 HTML 문서를 기준으로 반환하거나, 선택한 요소의 위치를 인수로 전달받은 값으로 설정합니다.
.position()	·         선택된 요소의 상대위치를 가져오는 메소드 ·         선택한 요소 집합의 첫 번째 요소의 위치를 해당 요소가 웹 페이지에 위치할 때 기준이 되었던 부모 요소를 기준으로 하는 상대 위치를 반환합니다.
.scrollLeft()	·         선택한 요소 집합의 첫 번째 요소의 수평 스크롤 바의 위치를 얻거나, 선택된 요소의 수평 스크롤 바의 위치를 인수로 전달받은 값으로 설정합니다.
.scrollTop()	·         선택한 요소 집합의 첫 번째 요소의 수직 스크롤 바의 위치를 얻거나, 선택된 요소의 수직 스크롤 바의 위치를 인수로 전달받은 값으로 설정합니다.