[JavaScript] 자바스크립트 스크롤 위치 저장

페이지 이동 시 스크롤 위치를 저장하고 싶은 경우

스크롤Y의 위치를 sessionStorage에 저장해 놓고 다시 페이지에 들어올 때 저장해 놓은 값을 가져와서 위치를 설정해주기

 /**
  * 스크롤이 움직일때마다 값을 sessionStorage에 넣어줌
  */
let scrollHeight = 0;
addEventListener('scroll', (event) => {
    scrollHeight = $(document).scrollTop();
    sessionStorage.setItem("scrollY", scrollHeight);
});

/**
  * 스크롤 위치 지정
  */
$(document).ready(function() {
    const scrollY = parseInt(sessionStorage.getItem("scrollY"));
    if(scrollY && scrollY > 0){
        window.scrollTo(0, scrollY);
    }
});

 

뒤로가기나 새로고침 시에만 이벤트를 주고 싶은 경우 이전글을 참고하자