[Javascript] DOM 절대 좌표, 상대 좌표 구하기

 

 

 

이벤트를 실행할때 어떤 요소의 스크롤 높이에 맞춰서 실행하려고 하는데 반응형으로 

 

그 요소의 scrollTop의 위치가 계속 바뀌어서 절대 좌표를 사용하여 해결하였다.

 

 

절대 좌표

window.pageYOffset + element.getBoundingClientRect().top;

 

뷰포트 기준 ( 상대 좌표 )

getBoundingClientRect().top;