博客帖子-滚动查看更多内容

时间：2022-02-24 作者：user979331

我有一个包含我所有博客帖子的页面，我将其设置为在一个页面上显示我的所有帖子。（见截图）现在我正在寻找一次只显示10篇帖子，滚动显示更多。我看到有这样的插件https://en-ca.wordpress.org/plugins/ajax-load-more/ 但这需要分页，我不想因为SEO的原因而分页。（当分页的新页面出现时，会出现新的SEO错误）

jquery或javascript是否可以做到这一点？

1 个回复
最合适的回答,由SO网友:amiad 整理而成

加载所有帖子并隐藏，不包括10篇。如果用户滚动到页面底部，则显示更多10。

$(\'article\').each((i, el) => {
   if (i > 9){
      $(el).hide();
   }
});
$(window).scroll(() => {
       if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
          $(\'article:hidden\').first().show();
    }
});

标签： posts   pagination   infinite-scroll   小码农  

相关推荐

_POST_Pagination()在wpQuery中不起作用

我正在尝试为自定义wp\\U查询创建分页，下面是我的代码：<?php $btpgid=get_queried_object_id(); $paged = (get_query_var(\'paged\')) ? get_query_var(\'paged\') : 1; $args = array( \'cat\' => 1, \'posts_per_page\' => 6, &#