직전 페이지의 스크롤로 이동해야 하거나, div의 스크르롤로 이동해야 하는 경우가 있다.

이전 화면의 스크롤을 유지하기 위해서다.

그럴려면 먼저 직전 화면의 스크롤 위치를 Cookie, sessionStorage, localStorage 등등에 저장한 후

이전 페이지가 로딩 될 때 세팅해주면 된다.

//페이지 스크롤 이동
var scrollPosition = getCookie("scrollPosition"); //sessionStorage, localStorage 등등 사용 가능
if (scrollPosition != "" && scrollPosition != 'undefined') { window.scroll(0, scrollPosition); }; // body.scrollTop(scrollPosition); 사용 가능

//div에 스크롤이 있을경우 스크롤 이동

$('#layout_div').scrollTop(0);   // 상단으로 이동 (세로 스크롤)

$('#layout_div').scrollLeft(scrollPosition); 

// 수치를 입력하지 않으면 현재 스크롤 위치를 리턴한다.
$('#layout_div').scrollTop();

 

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기