Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何保存最后一个元素并将其展开?_Javascript_Jquery - Fatal编程技术网

Javascript 如何保存最后一个元素并将其展开?

Javascript 如何保存最后一个元素并将其展开?,javascript,jquery,Javascript,Jquery,页面具有分页功能(显示更多内容的按钮),每次都会加载块 有这样的重新加载代码。此时重新加载正在工作,但通过单击按钮,页面将隐藏到最顶端,而不是最后加载的项目。如何保存最后一个块,加载内容并滚动到它。单击链接的示例: $(文档)。在('click','morews',函数(e){ e、 预防默认值(); var_url=$(this.attr('data-url'); 发送=假;// 如果(_url&&!send){ $.ajax({ url:_url, 键入:“GET”, 数据类型:“json

页面具有分页功能(显示更多内容的按钮),每次都会加载块

有这样的重新加载代码。此时重新加载正在工作,但通过单击按钮,页面将隐藏到最顶端,而不是最后加载的项目。如何保存最后一个块,加载内容并滚动到它。单击链接的示例:

$(文档)。在('click','morews',函数(e){
e、 预防默认值();
var_url=$(this.attr('data-url');
发送=假;//
如果(_url&&!send){
$.ajax({
url:_url,
键入:“GET”,
数据类型:“json”,
beforeSend:function(){
// включение прелоудера
发送=假;
},
完成:函数(){
// отключение прелоудера
},
成功:功能(obj){
发送=真;
$(“.news-grid-listаmb”).last()//。
$(“#更多新闻”).remove();//
$(“#获取新闻”).append(obj['html'])//
$('html,body')。设置动画({
scrollTop:$(“.news-grid-list__mb”).offset().top//СССбб
}, 1000);
if('show_more'==true){
$(“#更多新闻”).show();
}否则{
$(“#更多新闻”).hide();
} //добавляем кнопку если пришел флаг
},
错误:函数(xhr、ajaxOptions、thrownError){
console.log(thrownError+“\r\n”+xhr.statusText+“\r\n”+xhr.responseText+“\r\n”+xhr);
}
});
}

});如果您知道要添加的元素数量。从你的网站参考,我可以看到8。在添加内容后,您可以在成功块中编写类似的内容。您可以添加或减去一些偏移量(数字),使其与顶部完全匹配

var target = $("#get_news div:nth-last-child(8)")

$('html, body').animate({
        scrollTop: $(target).offset().top
    }, 1000);

加载更多内容后,只需复制并直接在您的网站上运行即可,这对我很有用

请包含足够的代码,以便在本网站上重现该问题,而不仅仅是在第三方网站上。当我单击RunCodeSnippet时,我看到的只是一个关于未定义
$
的错误。在代码段编辑界面的左侧,有一个地方可以选择要包含的jQuery版本。只需使用
scrollTop:$(“.news-grid-list_umb”)。last().offset().top
@Heretic Monkey可以在上找到它现在如何工作的示例。我知道,我在你的问题中看到了这一点。请再次阅读我的评论。我不是要你提供一个工作代码的链接。我要求您提供代码,在这里演示堆栈溢出问题。@skobaljic尝试了您的解决方案,但不知何故无效,您可以在我的代码中插入更高的代码,可能我做错了什么。