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

2 mins.

最近的案子有一個需求
要在頁面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);
});
});