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)
}