特定位置上的Window.location.reload()

Question

我在我的个人主页上有表单，当你提交它时，我调用JS函数重新加载页面并显示alter box。

window.onload = function() {
  var reloading = sessionStorage.getItem("reloading");
  if (reloading) {
      sessionStorage.removeItem("reloading");
      sended();
  }


function reloadP() {
    sessionStorage.setItem("reloading", "true");
    window.location.reload();
}
function sended(){
$('#alterbox').fadeIn('slow').delay(1000).fadeOut('slow').hide(0);
}

问题是，页面重新加载并显示标题，但联系人表单太低了，在页面底部。我可以重新加载页面以停留在相同的位置吗？

Answer 1

在重新加载之前，您也可以在sessionStorage中保存滚动位置。然后在重新加载后获取它，并将页面滚动到它们。

重新加载之前：

sessionStorage.setItem("scroll", window.pageYOffset);

重新加载后：

const scrollBy = sessionStorage.getItem("scroll")    
if (scrollBy) {
 window.scrollTo(scrollBy,0)
}