이전페이지로 이동 시 기존 스크롤위치로 이동
[순수 JavaScript 경우]
window.onload = function() {
// 스크롤 위치를 가져와서 설정.
var scrollPos = localStorage.getItem('scrollPos');
if (scrollPos) {
window.scrollTo(0, scrollPos);
localStorage.removeItem('scrollPos');
}
// 스크롤 위치가 변경될 때마다 localStorage에 저장.
window.onscroll = function() {
localStorage.setItem('scrollPos', window.pageYOffset || document.documentElement.scrollTop);
};
};
[jQuery 경우]
$(document).ready(function() {
// 스크롤 위치를 가져와서 설정.
var scrollPos = localStorage.getItem('scrollPos');
if (scrollPos) {
$(window).scrollTop(scrollPos);
localStorage.removeItem('scrollPos');
}
// 스크롤 위치가 변경될 때마다 localStorage에 저장.
$(window).scroll(function() {
localStorage.setItem('scrollPos', $(window).scrollTop());
});
});
PS1. 위 소스를 <head> 태그 안에 추가.
PS2. 무한 게시판에서만 사용: <?php if($bo_table == '무한게시판ID') {?>위 소스<?php } ?>
PS3. 크롬 경우, 위 코드 불필요. 브라우저 자체적으로 지원됨.
최신댓글