Question

我在ASP.NET页面的jScrollPane中有一个垂直菜单。当用户单击菜单选项时，它会在与选择相关的另一个面板中显示内容。如何在页面刷新时确保所选菜单选项处于可见状态。

Answer 1

我自己也在寻找相同的解决方案。使用scrollToElement api，我的临时解决方案可能会取得一些成功。如果您可以使用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()
  })
};

使用jScrollPane回发滚动位置

2 个答案: