[JavaScript] 뒤로가기 시 페이지 정보 및 스크롤 위치 불러오기
2022. 11. 28. 20:42
프로그래밍/JavaScript
비동기로 불러온 데이터 sessionStorage에 저장 페이징 처리를 비동기로 한 경우 뒤로가기 시 스크롤 위치를 가져오기 위해서는 조회해서 불러온 데이터의 정보도 같이 저장해 둬야 함 이를 위해 sessionStorage에 스크롤 정보 및 조회한 데이터 정보를 저장함 또한 비동기로 페이징 처리 한 경우 스크롤의 위치는 callBack함수에서 설정해줘야 함 // 뒤로가기, 새로고침 시 정보를 계속해서 합치지 않도록 구분하는 값 let scrollSearching = false; // 데이터 조회해서 페이징 처리하는 함수 예시 function axiosPaging(){ axios({ }).then(function (response) { // 뒤로가기, 새로고침인 경우 페이지 정보 ssesionStorag..
[JavaScript] 자바스크립트 스크롤 위치 저장
2022. 11. 22. 20:07
프로그래밍/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("..