DOM 함수 getBoundingClientRect()

윈도우(window)룰 기준으로 특정 엘리먼트의 위치 값을 구하는 방법

top or y // 화면 상단 부터 대상의 처음 위치 값
bottom // 화면 상단 부터 대상의 끝 위치 값
left or x // 화면 좌측 부터 대상의 처음 위치 값
right // 화면 좌측 부터 대상의 끝 위치 값
width // 대상의 길이
height // 대상의 높이

 

+IE 에서 x, y 값을 얻지 못함