Чтобы убрать скролл вверх при отправке формы в JavaScript, существует несколько способов. Один из них - использование обработчика события submit формы и вызов метода preventDefault() для предотвращения обновления страницы и перемещения вверх.
Пример:
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault();
// Здесь можно добавить дополнительную логику, связанную с отправкой формы
// Пример асинхронного запроса на сервер с помощью fetch API
fetch('/submit', {
method: 'POST',
body: new FormData(event.target)
})
.then(response => response.json())
.then(data => {
// Здесь можно обработать ответ от сервера после отправки формы
})
.catch(error => {
// Здесь можно обработать ошибку при отправке формы
});
});
В данном примере обработчик события submit добавляется к первой найденной форме на странице. При вызове этого обработчика события метод preventDefault() предотвращает отправку формы и переход на другую страницу, что предотвращает скролл вверх.
Таким образом, при отправке формы будет выполнена дополнительная логика (если необходимо) и отправлен асинхронный запрос на сервер с использованием fetch API, чтобы отправить данные формы на сервер. В примере показана базовая структура для отправки данных формы методом POST, но вы можете адаптировать этот код под свои потребности.
Не забудьте добавить обработку успешного ответа от сервера и обработку возможных ошибок для обеспечения правильного поведения при отправке формы.