Как сохранить последний элемент и доскролить до него?

Question

На странице есть пагинация (кнопка показать еще), которая подгружает блоки каждый раз.

Есть вот такой код подзагрузки. Сейчас на данный момент подзагрузка работает, но по клику на кнопку страница скролится в самый вверх, а не к последнему элементу который загружен. Как сохранить последний блок, загрузить контент и проскролить до него. Пример по ссылке: https://tvoidv.ru/culture/

$(document).on('click', '#more-news', function(e) {
  e.preventDefault();
  var _url = $(this).attr('data-url');
  send = false; //убираем шумы
  if (_url && !send) {
    $.ajax({
      url: _url,
      type: 'GET',
      dataType: 'json',
      beforeSend: function() {
        // включение прелоудера
        send = false;
      },
      complete: function() {
        // отключение прелоудера
      },
      success: function(obj) {
        send = true;

        $(".news-grid-list__mb").last() //Возвращаем последний div-элемент с классом news-grid-list__mb.

        $('#more-news').remove(); //удаляем текущю кнопку
        $("#get_news").append(obj['html']) //добавляе  готвую разметку

        $('html, body').animate({
          scrollTop: $(".news-grid-list__mb").offset().top //Скролл
        }, 1000);

        if ('show_more' == true) {
          $('#more-news').show();
        } else {
          $('#more-news').hide();
        } //добавляем кнопку если пришел флаг
      },
      error: function(xhr, ajaxOptions, thrownError) {
        console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText + "\r\n" + xhr);
      }
    });
  }
});

Answer 1

Попробуйте как тут

$("html, body").animate({ scrollTop: $(document).height() }, 1000);

либо технически вернее

$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });

если к конкретному ID, используйте его .scrollTop():

$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);

БЛОГ НА HUSL

Как сохранить последний элемент и доскролить до него?

Ответы (1 шт):