fapchat

Это сначала

let submits = document.querySelectorAll('input[type="submit"]');

submits.forEach(submit => {
  submit.onclick = getCoordinates;
  // let X = localStorage.getItem('X');
  // let Y = localStorage.getItem('Y');
  // submit.onsubmit = window.scrollTo(Y, X);

});

 function getCoordinates() {
   sessionStorage.setItem('Y', window.scrollY);
   //alert(sessionStorage.getItem('Y'));
}

После сабмита - вот это:

let Y = sessionStorage.getItem('Y');
       window.parent.scrollTo(0, Y);

Хотя лучше всё же просто передать форму через js, так как браузер выдаёт анимацию перезагрузки.

Потому чтоclass="", атолько потом я назначил ему правильный класс

https://atom.io/packages/language-todo
Вот этот мерзкий плагин(нужно отключить)

Выглядит, конечно, как говно

#section0{
  background: url(https://images.wallpaperscraft.ru/image/luna_noch_zvezdy_134696_3840x2400.jpg) repeat-x 0 center/cover;

background-attachment: fixed ;
overflow-y: hidden;
height: 100vh;
  animation: city 30s linear infinite;

}

@keyframes city {
  from { background-position: -1000px 100%;}
  to { background-position: 0 100%; }
}

Чудо-метод:

margin: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-right: -50%;
      transform: translate(-50%, -50%)

У родительского элемента

position: relative;
  height: ...;

Не знаю что это был за странный баг, но после того, как я закрыл файл в браузере и снова открыл его, всё заработало

Можно использовать event.onfocus)