Как сохранить положение прокрутки после перезагрузки веб-страницы?

Question

$ (документ) .ready (функция() { $ ("# addmedic"). Нажмите (функция() { sessionStorage.setItem ("поз", $ ("ДИВ"). ScrollTop ()); }); }); $ (документ) .ready (функция() { если (sessionStorage.getItem ("Pos")! = "Неопределенные") { $ ("ДИВ"). ScrollTop (sessionStorage.getItem («pos»)); } });

Я использовал функцию Javascript scrollTo и scrollBy. Но его не работает

для меня. Я хочу сохранить положение прокрутки, чтобы получить после загрузку веб-страницы.

Answer 1

Сохраните позицию прокрутки в файле cookie перед тем, как покинуть страницу, затем в случае перенаправления страницы используйте этот файл cookie для установки положения прокрутки.

Answer 2

Вы можете использовать хранения сессии, чтобы сохранить позицию затем вернуться в положение, когда страница перезагружается, как это:

$(window).scroll(function() { 
    sessionStorage.scrollTop = $(this).scrollTop(); 
}); 

$(document).ready(function() { 
    if (sessionStorage.scrollTop != "undefined") { 
    $(window).scrollTop(sessionStorage.scrollTop); 
    } 
}); 

Here is the JSFiddle demo

Answer 3

на прокрутку вы можете взять идентификатор элемента и храните его в переменной. чем Используйте focus() для этого с ID. Это сработает для вас. дескриптор null для этой переменной, прежде чем сосредоточиться на ней.

это хороший пример

$(window).scroll(function() { 
    sessionStorage.scrollTop = $(this).scrollTop(); 
}); 

$(document).ready(function() { 
    if (sessionStorage.scrollTop != "undefined") { 
    $(window).scrollTop(sessionStorage.scrollTop); 
    } 
});