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

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

[Pashok Doom]

У них и скопировал бы

var element = $('#more-news').get(0)
    element.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });

Comments

[Дмитрий]

Данное решение работает некорректно, скролиться только до последнего элемента который загрузился по клику, а нужно доскролить до последнего элемента который уже отображен

[Pashok Doom]

Дмитрий, сорри, туплю.
Может так

$('html, body').animate({
      scrollTop: $("#get_news .news-grid-list__mb:last-child").offset().top - $(".header__bottom").height() - $(".header__top").height()
                }, 1000);

[Дмитрий]

Спасибо