[JS] popstate 뒤로가기로 현재 페이지에 도달했는지 확인하는 이벤트

쿼카쿼카·2023년 9월 16일
0

JS / TS

목록 보기
6/14
window.addEventListener('popstate', () => {})

popstate

  • 현재 페이지를 뒤로가기로 왔는지 감지하는 이벤트

세션에 스크롤 저장

  • 쇼핑몰 같은 곳에서 상품 상세정보 클릭 후 뒤로가기를 했을 때 스크롤 위치를 이전 그대로 두고 싶다!!!!
  • vue를 예로 들면 onBeforeUnMounted 할 때 세션 스토리지에 상품 개수 및 window.scrollY 저장
  • 뒤로가기 popstate로 감지
  • 상품개수(상품 개수의 높이 만큼 패딩만 줘도 되고, 가데이터로 보내도 됨, 전부 보내도 되지만 그럼 로딩 오래걸림)와 그에 맞게 window.scroll 설정
profile
쿼카에요

0개의 댓글