Notice
250x250
Recent Posts
Recent Comments
Link
목록dom (1)
넘치게 채우기
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/7IcZy/btsDnu2XXpy/szrPXrMHzAU43wFirYYzhk/img.png)
자바스크립트를 이용하여 스크롤 진행 바를 만들어보자. 스크롤의 진행을 위해서는, 지금까지 내려온 스크롤의 길이, 웹 페이지 전체의 세로길이, 화면의 길이가 필요하다. Document.body.of.offsetHeight - 웹 페이지의 태그의 총 높이를 구한다. Document.body.of.offsetWidth - 웹 페이지의 태그의 총 길이를 구한다. window.scrollY - 웹 페이지에서 스크롤해서 내려온 세로축의 길이. 맨 위에서 window의 맨 윗부분까지의 거리이다. window.scrollX - 웹 페이지에서 스크롤해서 오른쪽으로 이동한 가로축의 길이. 맨 왼쪽에서 window의 맨 왼쪽부분까지의 거리이다. window.innerHeight - 브라우저에서 웹 페이지를 보여주는 영역의 ..
개발/Frontend
2024. 1. 11. 18:22