jScrollPane 스크롤 위치를 저장하는 방법은 무엇입니까?

Question

JScrollPane JQuery 플러그인을 사용하고 있습니다.

클라이언트가 사용자가 항목 목록을 스크롤하여 하나를 클릭 한 다음 브라우저에서 다시 클릭하거나 메뉴에서 해당 페이지로 돌아갈 때 스크롤 상자가 같은 위치에있을 수 있는지 여부를 묻습니다. : S

이것은 플러그인에 의해 계산 된 "상단"CSS 속성을 mouseUp의 쿠키에 저장하는 것을 의미합니다 (슬라이더를 놓을 때 "상단"의 값 저장). 그런 다음 반환 할 때 확인할 수 있습니다. 해당 쿠키를 찾아 해당 위치로 설정하십시오.

어쨌든이 아이디어는 어디서부터 시작해야할지 모르겠습니다.

답변 해 주셔서 감사합니다. :)

Answer 1

여기 내 해결책이 있습니다.

스크롤 막대의 위치가 localstorage에 저장되고, 페이지가 새로 고침되거나 다른 페이지에서 다시로드 될 때, localstorage가 0보다 큰 값을 가지면 스크롤 막대의 맨 위를 나타냅니다 (기본값, 스크롤되지 않은 위치), 해당 위치로 스크롤합니다.

var element = $(".scroll-pane").jScrollPane({showArrows:true}); 
if(element != undefined) { 
    var api = element.data("jsp"); 
    $(function() { 
    if(parseInt(localStorage.getItem("ScrollPosition")) > 0) { 
     api.scrollToY(parseInt(localStorage.getItem("ScrollPosition"))) 
    } 
    $(".scroll-pane").bind("jsp-scroll-y", function(event, scrollPositionY, isAtTop, isAtBottom) { 
     localStorage.setItem("ScrollPosition", scrollPositionY) 
    }).jScrollPane() 
    }) 
} 
;