我正在使用我正在研究的WordPress博客中的Malinky的Ajax Pagination和Infinite Scroll插件。插件设置为加载更多按钮分页类型。
我需要设置它,以便在单击加载更多按钮后,第一个新加载的帖子将滚动到视口的顶部。
不幸的是,插件没有很好的文档,我无法找到一种方法来选择第一个加载的帖子,以便在回调中应用动画。
我尝试过添加课程' anchor'使用$('article').last().addClass('anchor');
回调内部和外部的最后一个帖子,然后对回调内的$('html, body').animate
执行$('article.anchor:nth-last-of-type(2)')
,以便滚动到第二个.anchor元素的底部,是第一个新加载的帖子定位之后的元素,但由于某种原因,动画似乎不适用于任何nth-pseudo类。它只适用于最后一种类型,对我来说没用。
有办法以某种方式完成这项工作吗?
答案 0 :(得分:0)
我已经在回调之外的最后一篇文章中添加了类div-anchor,并使用$('article').last().addClass('anchor');
在回调内部加载了文章,并使用了:eq(-2)而不是:nth-last-of -type(2),这似乎有用
$('html, body').animate({ scrollTop: $('article.div-anchor:eq(-2)').offset().top + $('article.div-anchor:eq(-2)').outerHeight(true) - $('.header').outerHeight(true) - $('#wpadminbar').outerHeight(true) }, 500);