Как по клику на кнопку необходимо сместить страницу вверх?

Question

[molink]

На странице есть кнопка показать еще, все данные подгружаются из json файла, по клику подгружаются 4 блока и так каждый раз. После того, как пользователь нажал на кнопку показать еще, данные под грузились, но это не заметно. Как сделать, чтобы на кпопку показать еще страница немного смещалась вверх?

Скрипт загрузки

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

                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]

Добавляй перед каждой новой "страницей" какой-нибудь див типа
<div id="page-2"></div>
И после загрузки аякса

$('html, body').animate({scrollTop: $('#page-2').offset().top}, 600);