일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- AWS EC2 서버 만들기
- javascript scope
- 자바스크립트 런타임
- Linux mkdir
- EC2 Apache2
- Linux 디렉터리 명령어
- linux background
- JavaScript EventLoop
- Linux cd
- EC2 oh my zsh
- linux foreground
- javascript 정렬
- Linux pwd
- Linux 디렉터리 역할
- 서버의 서비스 방식
- Linux apt
- Linux 파일 관리 명령어
- Logback
- Linux ls
- Linux oh my zsh
- Linux cat
- Linux apt-get
- JavaScript 실행 디버깅
- 자바스크립트 이벤트 루프
- Linux rmdir
- EC2 zsh
- Linux 디렉터리 구조
- EC2 HTTP 호스팅
- HTTP Web Server
- Navigation Pattern
Archives
- Today
- Total
목록javascript scroll (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
반응형