[JS] 在Reload頁面時，保持ScrollBar的位置

發表於 更新於 分類於 ， 文章字數： 101 所需閱讀時間 ≈ 1 分鐘

最近的案子有一個需求
要在頁面Reload時保持ScrollBar的位置

作法其實很簡單
就是在ScrollBar移動時將位置記住
每次Reload時去抓取存放的位置

我的作法是用一個暫存位置用的TextBox做儲存

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function(){
    var ttbScroll = $('#ttbScroll');
    var divMenu = document.getElementById('divMenu');
 
    if(ttbScroll.val() != '')
    {
        var split = ttbScroll.val().split(',');
        divMenu.scrollLeft = split[0];
        divMenu.scrollTop = split[1];
    }
 
    $('#divMenu').scroll(function(){
        ttbScroll.val(divMenu.scrollLeft + ',' + divMenu.scrollTop);
    });
});