单击分页页面时向上滚动

Question

您能告诉我们如何在单击分页页面时向上滚动吗？ 有一个帖子页面https://tvoidv.ru/culture/ 。

当您单击“显示更多”（本身）时，页面仍保留在原位，但您需要将其隐藏或以某种方式似乎已发生更新。 如何才能做到这一点？

从 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

我看不到你的 HTML，所以假设#more-news是你想要停靠的地方

在元素可见后将此添加到成功块

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

这里有更多选项 - https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView平滑行为仅限于某些浏览器。