Как в Chrome заставить input type="submit" не скроллить экран вверх документа?

Question

[fapchat]

event.preventDefault(); / return false; - нельзя, иначе - будет плохо
Пытался юзать вот такой код

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

 submits.forEach(submit => {
   submit.onclick = stopScrolling;
 });

  function stopScrolling(event) {
    alert(window.scrollY);
    window.scrollTo(window.scrollY, window.scrollX);

  }

И другие свойства пытался использовать. Например, window.pageXOffset, window.pageYOffset, но такой код работать не может. Так подскажите, что же делать? И почему в хроме всё так печально? В мозилле всё нормально. Там после нажатия на input type="submit" Скроллится экран до секции с формой. В других браузерах не тестил.

Comments

[Алексей Дубровин]

Ну вы выберете или (event.preventDefault(); / return false);
Или будет scroll
Тк же, этот скролл будет во всех мобильных браузерах

А то что "Нельзя, будет плохо. Это почему ещё?"

[fapchat]

Алексей Дубровин,

А то что "Нельзя, будет плохо. Это почему ещё?"

Ты рофлишь что-ли? Данные формы не отправляются, нарушается анимация при наведении на кнопку, может быть это ещё не всё...

[Алексей Дубровин]

fapchat,
1) Нарушается анимация?(Не думаю что тут есть связь)
2) Форму можно отправить с помощью js)

Answer 1

[Aetae]

submit ничего не скролит, он отправляет форму. Когда форма отправляется - страница перезагружается.
Т.е. как костыль ты можешь запоминать перед submit координаты скролла(напр. в localStorage) и при загрузке скроллить по ним.

Answer 2

[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, так как браузер выдаёт анимацию перезагрузки.

Answer 3

[Надим]

У вас случайно в action у формы не решетка стоит?