javascript - jScrollPane如何存储滚动位置？

Question

我正在使用 JQuery 插件 jScrollPane。

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

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

反正就是这个想法，我什至不知道从哪里开始。

感谢您的任何回复。 :)

Answer 1

这是我的解决方案。

滚动条的位置保存到本地存储，然后当页面再次加载时，通过刷新或从另一个页面返回，如果本地存储的值大于 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()
  })
}
;