기하 프로퍼티
기하 프로퍼티는 픽셀(px) 단위로 측정.
offset
요소 element의 거리
- offsetParent : position이 설정되어 있는 조상 요소 반환. 없으면 body 반환
- offsetTop : offsetParent 기준 top까지의 거리
- offsetLeft : offsetParent 기준 left까지의 거리
요소의 크기
- offsetWidth : width + padding + border + scrollbar
- offsetHeight : height + padding + border + scrollbar
- clientWidth : width + padding
- clientHeight : height + padding
scrollTop : 세로로 스크롤되면서 가려진 영역의 높이를 반환
scrollLeft : 가로로 스크롤되면서 가려진 영역의 너비를 반환
* scrollTop과 scrollLeft는 수정이 가능하며, 값을 수정 시 스크롤이 지정한 값에 따라 움직임.
window 객체들의 사이즈 확인
'JavaScript' 카테고리의 다른 글
| [JavaScript] 브라우저와 호스트 환경 (0) | 2022.12.14 |
|---|---|
| [JavaScript] 브라우저 사이즈 & 스크롤_more (0) | 2022.12.14 |
| [JavaScript] 마우스 좌표 (0) | 2022.12.13 |
| [JavaScript] 폼 요소의 이벤트와 메서드 (0) | 2022.12.13 |
| [JavaScript] form 프로퍼티 & 메서드 (0) | 2022.12.13 |