[TIL]2021.01.04

961 ワード

現在のスクロールバーの位置のパーセントをスクロール領域全体で取得

// 스크롤 가능한 영역
// body의 높이 - 브라우저 높이
// (∵스크롤바는 body 영역이 브라우저 높이를 초과하는 경우부터 생긴다. 예 - 실제 body 영역이 2000px이고 현재 브라우저의 높이가 700px일 때 스크롤할 수 있는 범위는 1300px)
let maxScrollValue = document.body.offsetHeight-window.innerHeight; 
// 현재 스크롤 바의 위치 ÷ 스크롤바를 끝까지 내렸을 때 pageYOffset의 값(0 ~ 1)
let ratio = pageYOffset / maxScrollValue;