kyh196201.log
로그인
kyh196201.log
로그인
10/21 - js
김승우
·
2020년 10월 21일
팔로우
0
JavaScript
element offset
getBoundingClientRect
0
TIL
목록 보기
32/68
* Drag로 엘리먼트 이동 시키기
1. drag Event의 clientX, clientY
:
2. 엘리먼트 위치(position) 구하기
getBoundingClientRect
domRect = element.getBoundingClientRect();
: 부모 엘리먼트가 아닌
뷰포트
를 기준으로 position을 계산한다.
element.offsetTop, element.offsetLeft
:
부모 엘리먼트
를 기준으로 위치를 가져온다.
Reference
1. 엘리먼트 포지션 구하기 :
https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
2. 엘리먼트 포지션 구하기(부모태그기준) :
https://www.javascripttutorial.net/dom/css/get-the-offset-position-of-an-element-relative-to-its-parent/
김승우
사람들에게 좋은 경험을 선사하고 싶은 주니어 프론트엔드 개발자
팔로우
이전 포스트
10/21
다음 포스트
10/22
0개의 댓글
댓글 작성