코드노트

마우스 스크롤 위치 추적 본문

Code note/자바스크립트

마우스 스크롤 위치 추적

코드노트 2022. 11. 28. 20:10

See the Pen Untitled by beomjunkwon (@bjkwon) on CodePen.

//문서의 전체 높이 : document.documentElement.scrollHeight
// 보여지는 브라우저의 높이 : window.innerHeight
// 스크롤의 위치 : document.documeneElement.scrollTop

// 문서의 전체 높이 - 보여지는 브라우저의 높이 * 100%

 

window, document 속성을 통해서 마우스 위치를 추적하여

스크롤바가 채워지는 애니메이션 구현

 

'Code note > 자바스크립트' 카테고리의 다른 글

자바스크립트 함수 정의 방법에 대하여 알고 시작하자  (0) 2022.12.05
Object.is 메서드로 NaN 비교하기  (0) 2022.11.30
자바스크립트 프로퍼티 property 정리  (0) 2022.11.27
자바스크립트 원시값 그리고 객체,참조값  (0) 2022.11.26
자바스크립트 논리 연산자의 중요성  (0) 2022.11.25
'Code note/자바스크립트' Related Articles more