javascript - JQuery:返回上一页时如何返回到完全相同的滚动位置

Question

我有一个很长的项目列表，当我点击每个项目并返回到主列表时，滚动位置丢失了。

如何使用 jQuery 返回到相同的精确滚动位置？有什么简单的方法吗？

$(document).ready(function() {

  $('.update-button').click(function (){
    sessionStorage.scrollPos = $(window).scrollTop();
    console.log(sessionStorage.scrollPos);
  });
});

var init = function () {
    //get scroll position in session storage
    $(window).scrollTop(sessionStorage.scrollPos || 0)
};
window.onload = init;

上面是我的代码的样子。我尝试记录位置，但 sessionStorage.scrollPos 为 0。我很确定我将页面滚动到了某个地方。

非常感谢您的帮助。

Answer 1

您需要将滚动位置的值存储在 sessionStorage(或任何存储)中，并在页面加载时再次使用它。

$(window).scroll(function () {
    //set scroll position in session storage
    sessionStorage.scrollPos = $(window).scrollTop();
});
var init = function () {
    //get scroll position in session storage
    $(window).scrollTop(sessionStorage.scrollPos || 0)
};
window.onload = init;