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

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

<input type="checkbox" onclick="myFunction()"/> One <br/>

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

我也浏览了很多网站，但没有一个对我有用。 请帮我解决这个问题。

Thanks.

您可以使用会话存储存储位置，然后在重新加载页面时返回到该位置，如下所示：

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

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

这里是JSFiddle demo http://jsfiddle.net/h6su67rn/