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

CODEDRAGON Development/JavaScript, jQuery, ...

반응형


 

요소의 위치

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

메소드

설명

.offset()

·         선택된 요소의 절대위치 가져오는 메소드

·         선택한 요소 집합의 번째 요소의 위치를 HTML 문서를 기준으로 반환하거나, 선택한 요소의 위치를 인수로 전달받은 값으로 설정합니다.

.position()

·         선택된 요소의 상대위치 가져오는 메소드

·         선택한 요소 집합의 번째 요소의 위치를 해당 요소가 페이지에 위치할 기준이 되었던 부모 요소를 기준으로 하는 상대 위치를 반환합니다.

.scrollLeft()

·         선택한 요소 집합의 번째 요소의 수평 스크롤 바의 위치를 얻거나, 선택된 요소의 수평 스크롤 바의 위치를 인수로 전달받은 값으로 설정합니다.

.scrollTop()

·         선택한 요소 집합의 번째 요소의 수직 스크롤 바의 위치를 얻거나, 선택된 요소의 수직 스크롤 바의 위치를 인수로 전달받은 값으로 설정합니다.

 

 


반응형