使用jScrollPane回发滚动位置

Question

我在ASP.NET页面的jScrollPane中有一个垂直菜单。当用户单击菜单选项时，它会在另一个面板中显示与该选项相关的内容。如何确保页面刷新时选定的菜单选项在视图中。

Answer 1

我自己也在寻找同样的解决方案。您可以使用我的使用scrollToElement应用编程接口的临时解决方案取得一些成功。如果您可以使用jquery选择器定位特定的菜单项，则可以让jScroll在滚动窗格中自动跳转到该菜单项。例如

$(window).load(function()
    {var api=$('#yourMenu').data('jsp');
    api.scrollToElement($('.selectedOption'));
});

这将需要最新版本的jscrollpane窗格(http://jscrollpane.kelvinluck.com)

Answer 2

我想要同样的解决方案，并找到了这个，这并没有多大帮助。

我终于让它起作用了。

滚动条的位置被保存到localstorage，然后当页面再次加载时，无论是通过刷新还是从另一个页面返回，如果localstorage有一个大于0的值表示滚动条的顶部(默认是未滚动的位置)，它将滚动到该位置。

var element = $(".scroll-pane").jScrollPane({showArrows:!0});
if(void 0 != element) {
  var api = element.data("jsp");
  $(function() {
    0 < parseInt(localStorage.getItem("ScrollPosition")) && api.scrollToY(parseInt(localStorage.getItem("ScrollPosition")));
    $(".scroll-pane").bind("jsp-scroll-y", function(b, a) {
      localStorage.setItem("ScrollPosition", a)
    }).jScrollPane()
  })
};