Плавная прокрутка к элементу страницы на jquery

Вам нужно знать ID элемента или ещё какой-нибудь уникальный идентификатор, к которому прокрутка идёт. В принципе, можно в ответе если это HTML код добавить к первому элементу какой-то идентификатор, или впереди прописать ссылку – флаг. Достаточно хорошо тема освещена в статье: Плавная прокрутка к элементу на jQuery и JS . Немного подкрутить к своим нуждам и все работать будет.

плавные прокрутки и черные фоны - в топе причин немедленного закрытия страницы пользователем

Изи. Самый простейший вариант. Vanilla JS:

 const targetElement = document.getElementById('targetId'); 

 

fetch('url') 

  .then(response => response.text()) 

  .then(text => { 

    targetElement.append(text); 

    // или 

    // targetElement.insertAdjacentHTML('afterbegin', text);

    // или обрабатывай по своему, в зависимости от получаемых данных

    targetElement.scrollIntoView({ behavior: 'smooth '}); 

  }) 

// Выполняем AJAX-запрос
$.ajax({
url: 'example.com/data', // URL для запроса
method: 'GET', // Метод запроса
dataType: 'json', // Ожидаемый тип данных в ответе
success: function(data) {
// Обработка данных после успешного выполнения запроса
// Вставляем данные в элемент на странице
$('#targetElement').html(data);

// Выполняем прокрутку окна к целевому элементу
$('html, body').animate({
scrollTop: $('#targetElement').offset().top
}, 1000); // 1000 - время анимации в миллисекундах
},
error: function() {
// Обработка ошибок при выполнении запроса
console.error('Ошибка при выполнении AJAX-запроса');
}
});

В этом примере мы используем функцию $.ajax() из библиотеки jQuery для выполнения AJAX-запроса. После успешного выполнения запроса (в блоке success) мы вставляем полученные данные в элемент на странице с помощью $('#targetElement').html(data). Затем мы выполняем прокрутку окна к этому элементу с использованием $('html, body').animate(), где scrollTop устанавливает значение вертикальной прокрутки окна, и $('#targetElement').offset().top возвращает позицию элемента относительно верхней границы страницы, к которой мы выполняем прокрутку.