[Javascript] 스크롤바 위치 퍼센트 구하기

 

scrollLeft / scrollTop을 이용하여 스크롤바가 현재 (위쪽으로부터/왼쪽으로부터) 어느 위치에 있는지 퍼센트 구하기

 

 

1. scrollTop 퍼센트 구하기(세로 스크롤)

let scrollDiv = document.getElementById("#scrollDiv");
let scrollPos = scrollDiv.scrollTop / (scrollDiv.scrollHeight - scrollDiv.clientHeight) * 100;


// 또다른 스크롤바 div의 위치를 scrollDiv위치와 동일하게 움직이기
$("#anotherScrollDiv").scrollTop(scrollPos);

 

 

2. scrollLeft 퍼센트 구하기(가로 스크롤)

let scrollDiv = document.getElementById("#scrollDiv");
let scrollPos = scrollDiv.scrollLeft / (scrollDiv.scrollWidth - scrollDiv.clientWidth) * 100;


// 또다른 스크롤바 div의 위치를 scrollDiv위치와 동일하게 움직이기
$("#anotherScrollDiv").scrollLeft(scrollPos);