[jQuery]offset()

선택한 요소의 좌표를 가져오거나 특정 좌표로 이동시키는 메서드다.

parallox에서 요소의 좌표값을 알기 위해 사용한다. 

 

문법1

var jb = $('h1').offset();

//예제
$(".s10T").text(parseInt($("#section1").offset().top));

h1 요소의 좌표를 변수 jb에 저장한다.

아래 예제는 클래스명이 s10T인 요소에게 #section1의 y축 좌표값의 정수값(parseInt함수)을 텍스트로 추출하라는 명령이다. 

 

문법2

.offset(coordinate)

$('h1').offset({left:100, top:50});

선택한 요소를 특정 위치로 이동시킨다.

예를 들면 h1 요소를 왼쪽에서 100px, 위에서 50px위치로 이동시키는 명령이다.