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

小编典典

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

css

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

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

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

我也浏览了许多网站，但没有任何帮助。请帮我解决这个问题。

谢谢。

阅读 367

2020-05-16

共1个答案

小编典典

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

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

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

2020-05-16