요소 크기1 요소의 위치와 크기 1. getBoundingClientRect();* 엘리먼트의 크기를 반환한다. Coding - 결과 2. Viewport* 문서의 내용 중 사용자에게 보여지는 부분을 의미한다. 이에따라 문서의 좌표와 Viewport의 좌표가 있다.* Viewport 좌표는 스크롤이 생기면 스크롤의 위치에 따라 요소의 위치가 달라진다.* 스크롤의 정도를 알고 싶으면 window.pageYOffset 속성을 사용하면 알 수 있다. (※ 구버전 웹브라우저는 scrollTop 속성 이용 ) - 사용 예* getBoundingClientRect의 top 속성과 window.pageYOffset의 값이 1초마다 출력 Coding 3. 문서의 좌표* Viewport의 좌표에 스크롤의 정도를 더하면 알 수 있다. // 위 예제의 함.. 2016. 10. 16. 이전 1 다음 반응형
