자바스크립트를 사용하여 현재의 스크롤바 위치값을 가져오는 방법입니다.

스크롤바의 위치를 가져오는 방법으로 아래와 같이 window객체의 scrollY 프로퍼티를 사용합니다.

window.scrollY

현재의 스크롤바 위치를 숫자로 반환합니다. 만약 현재 스크롤바가 제일 상단이라면 0을 반환할 것입니다.
var scrollPosition = window.scrollY;
console.log(scrollPosition);


0  //  맨 위 상단인 경우 0 반환



! IE에서 스크롤바 위치값 가져오기IE 브라우저의 경우 window.scrollY의 프로퍼티가 존재하지 않습니다. 이 경우 document 하위의 documentElement를 사용하며 scrollTop을 사용해야합니다.
document.documentElement.scrollTop;

그렇다면 실제 자바스크립트에서는 어떻게 사용할까요? 크로스브라우징을 위해서 아래처럼 코드를 적용할 수 있을 것입니다.
var _scrollTop = window.scrollY || document.documentElement.scrollTop;


console.log(_scrollTop)

이제 어떤 브라우저이든 현재 스크롤위치를 반환하게 됩니다.