jScrollPane如何存储滚动位置？

Question

我正在使用 JQuery 插件 jScrollPane。

一位客户问我，当用户滚动项目列表并单击其中一项，然后在浏览器中单击返回或从菜单返回到该页面时，滚动框是否可以位于相同位置。 :S

这意味着将插件计算的“top”css属性存储到mouseUp上的cookie中（当他们放开滑块时，存储“top”的值），然后当它们返回时，我可以检查该cookie并将其设置到该位置。

无论如何，这就是想法，我什至不知道从哪里开始。

感谢您的任何回复。 :)

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()
  })
}
;