即使在使用javascript重新加载后仍保留滚动条位置

我有要求,如果我点击一个复选框,值将被提交,因此页面将被重新加载.现在,要点击另一个复选框,我需要再次向下滚动,这不是一个更好的主意.所以,现在我想在页面重新加载后保留我的滚动条位置.在javascript中有任何方法可以做到这一点吗？我试过下面的代码,但没有运气.

 One 


function myFunction() {
         document.body.scrollTop = 500px;
        }

我也浏览了很多网站,但没有任何对我有用.请帮我解决这个问题.

谢谢.

您可以使用会话存储来存储位置,然后返回到重新加载页面时的位置,如下所示:

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

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

这是JSFiddle演示