单击分页页面时向上滚动

Question

Can you please tell us how to make a scroll up when you click on the pagination page? There is a page of posts https://tvoidv.ru/culture/ .

When you click on "Show more" (in itself) the page remains in place, but you need it to hide up or somehow it seems that the update has occurred. How can this be done?

Post loading code from json

 $(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

I cannot see your HTML, so assuming that #more-news is where you would want to dock to

Add this to the success block after the element is visible

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

More options here - https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView Smooth behavior is limited to certain browsers .