일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- EC2 zsh
- Linux oh my zsh
- 서버의 서비스 방식
- JavaScript EventLoop
- javascript 정렬
- Linux cat
- Linux rmdir
- AWS EC2 서버 만들기
- javascript scope
- 자바스크립트 런타임
- HTTP Web Server
- Linux 디렉터리 명령어
- Linux pwd
- EC2 HTTP 호스팅
- linux foreground
- EC2 oh my zsh
- Navigation Pattern
- JavaScript 실행 디버깅
- Linux 디렉터리 구조
- Linux cd
- 자바스크립트 이벤트 루프
- Linux apt
- Linux mkdir
- Linux 파일 관리 명령어
- Linux apt-get
- linux background
- Linux 디렉터리 역할
- EC2 Apache2
- Linux ls
- Logback
Archives
- Today
- Total
목록JavaScript offset (1)
HyunJun 기술 블로그
728x90
반응형
offset, getBoundingClientRect(), scroll
1. offset 1) offsetHeight, offsetWidth offsetHeight는 현재 엘리먼트의 높이를 의미하고, offsetWidth는 현재 엘리먼트의 넓이를 의미한다. 2) offsetTop, offsetLeft offsetTop은 부모 요소 중 relative, absolute, fixed 등의 포지션을 가진 첫 부모 요소의 위치를 기준으로 해당 위치부터 타겟 엘리먼트의 Top까지 몇 픽셀 떨어져 있는지를 나타낸다. offsetLeft는 Top과 동일하지만 부모 요소로부터 타겟 엘리먼트의 Left까지 몇 픽셀 떨어져 있는지 거리를 나타낸다 부모 요소를 찾지 못할 경우 body 엘리먼트를 기준으로 잡게 된다. 3) offsetParent 마찬가지로 부모 요소 중 relative, abs..
JavaScript
2023. 7. 18. 10:49
728x90
반응형