개발관련/자바스크립트 팁
그래서 Top 이 어딘데? getBoundingClientRect().top element.offsetTop 차이점
TOP 에는 여러 종류가 있습니다. 커피? 롤? JAVASCRIPT 에서 TOP을 구하는 방법은 여러가지가 있습니다. offsetTop, getClientRects().top 매번 프론트엔드 UI, 애니메이션을 개발 할 때는 Element의 좌표가 중요한데 항상 헷갈리는 부분입니다. 이번 기회에 확실하게 각 차이점이 무엇인지 알아보고 어떤 경우에 사용하는지 확인해보겠습니다. 위 그림처럼 div를 배치 했습니다. https://stackblitz.com/edit/js-xtkggx?file=index.js const inner = document.getElementById('inner'); console.log('inner.top', inner.offsetTop); console.log('inner.top'..
