使用jScrollPane回滾滾動位置

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