Сохранить позицию прокрутки по щелчку, а затем получить?

Question

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

var scrolltop; 

$(document).ready(function(){ 
$('a.page-numbers').click(function() { 
    scrolltop = $(document).scrollTop(); // store it 
    var href = $(this).attr('href'); 
    window.location= href; // I am doing this to force a button to go to a link and temporarily fix a pagination issue if people are curious. Not the current issue at hand. 
    return false; // Doing this so page doesn't scroll on click 
}); 
}); 

$(document).ready(function(){ 
$('html, body').animate({scrollTop: scrolltop}); //not scrolling to where saved 
}); 

Бонусные баллы для тех, кто может также сделать его мобильным (ИОС, Android и т.д.), совместимые :)

Answer 1

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

$(document).ready(function(){ 
$('a.page-numbers').click(function(){ 
    sessionStorage["scrollPosition"] = $(window).scrollTop(); 
}); 
$(window).scrollTop(sessionStorage["scrollPosition"]); 
    sessionStorage.clear(); 
}); 

Answer 2

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

Вам нужно каким-то образом передать значение верхней части прокрутки на новую страницу. Я предлагаю использовать URL-адрес хэш - см https://developer.mozilla.org/en-US/docs/Web/API/Window/location#Example_3

так далее нажмите: window.location = href + '#' + scrollTop; (примечание: если какая-либо из ваших ссылок уже есть хэш, как моя ссылка выше, вы должны будете сделать более сложный подход к объединению scrollTop со старым хэша, и разделив их на другом конце)

о нагрузке: var scrollTop = window.location.hash;