如何滚动到Malinky加载的Ajax Pagination和Infinite Scroll插件的第一篇文章的顶部?

时间:2017-11-15 17:05:43

标签: jquery wordpress

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

1 个答案:

答案 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);