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

试试这种方式:

$(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;

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