<!-- 스크롤 위치 저장 및 복원 스크립트 -->
// 페이지 언로드 시 스크롤 위치를 저장
window.addEventListener('beforeunload', function() {
localStorage.setItem('scrollPosition', window.scrollY);
});
// 페이지 로드 시 스크롤 위치를 복원
window.addEventListener('load', function() {
if (localStorage.getItem('scrollPosition') !== null) {
window.scrollTo(0, localStorage.getItem('scrollPosition'));
localStorage.removeItem('scrollPosition'); // 사용 후 제거
}
});
'프로그래밍 > JavaScript' 카테고리의 다른 글
JavaScript > 배열 > reduce 메서드 (0) | 2024.07.30 |
---|---|
JavaScript > ES6 > Arrow Functions (화살표 함수에 대해서) (0) | 2024.07.30 |
자바스크립트 비동기 실행을 위한 라이브러리 Axios (0) | 2022.07.26 |
자바스크립트 초보개발자가 꼭 알아야 할 기초지식 (0) | 2022.07.26 |
JavaScript, JSON 문법차이 (0) | 2022.07.25 |
<!-- 스크롤 위치 저장 및 복원 스크립트 -->
// 페이지 언로드 시 스크롤 위치를 저장
window.addEventListener('beforeunload', function() {
localStorage.setItem('scrollPosition', window.scrollY);
});
// 페이지 로드 시 스크롤 위치를 복원
window.addEventListener('load', function() {
if (localStorage.getItem('scrollPosition') !== null) {
window.scrollTo(0, localStorage.getItem('scrollPosition'));
localStorage.removeItem('scrollPosition'); // 사용 후 제거
}
});
'프로그래밍 > JavaScript' 카테고리의 다른 글
JavaScript > 배열 > reduce 메서드 (0) | 2024.07.30 |
---|---|
JavaScript > ES6 > Arrow Functions (화살표 함수에 대해서) (0) | 2024.07.30 |
자바스크립트 비동기 실행을 위한 라이브러리 Axios (0) | 2022.07.26 |
자바스크립트 초보개발자가 꼭 알아야 할 기초지식 (0) | 2022.07.26 |
JavaScript, JSON 문법차이 (0) | 2022.07.25 |