Чтобы страница после обновления возращалась на ту же позицию скролла?

Question

[Ivanko]

Как сделать чтобы страница после сабмита возращалась на ту же позицию скролла где была до обновления?
Может какая то готовая js есть или средствами HTML.
Благодарю.

Answer 1

[Даниил]

window.addEventListener("load", function() {
  var scroll = localStorage.getItem("lastScroll");
  if ( !scroll ) return false;

  window.scrollTo(0, scroll);
  localStorage.removeItem("lastScroll");
});

window.addEventListener("submit", function() {
  var scrollTop = window.scrollY;
    
  localStorage.setItem("lastScroll", scrollTop);
});

Comments

[Ivanko]

$(document).ready(function() {
if (localStorage.getItem("scroll") != null) {
$(window).scrollTop(localStorage.getItem("scroll"));
}

$(window).on("scroll", function() {
localStorage.setItem("scroll", $(window).scrollTop());
});

});