목록스크롤 (1)

넘치게 채우기

VanilaJS - 스크롤 진행 바 만들기

자바스크립트를 이용하여 스크롤 진행 바를 만들어보자. 스크롤의 진행을 위해서는, 지금까지 내려온 스크롤의 길이, 웹 페이지 전체의 세로길이, 화면의 길이가 필요하다. Document.body.of.offsetHeight - 웹 페이지의 태그의 총 높이를 구한다. Document.body.of.offsetWidth - 웹 페이지의 태그의 총 길이를 구한다. window.scrollY - 웹 페이지에서 스크롤해서 내려온 세로축의 길이. 맨 위에서 window의 맨 윗부분까지의 거리이다. window.scrollX - 웹 페이지에서 스크롤해서 오른쪽으로 이동한 가로축의 길이. 맨 왼쪽에서 window의 맨 왼쪽부분까지의 거리이다. window.innerHeight - 브라우저에서 웹 페이지를 보여주는 영역의 ..
개발/Frontend 2024. 1. 11. 18:22
이전 Prev 1 Next 다음