Blog Posts - Scroll to view more

I have a page with all my blog posts in it and I have it set to show all my posts on one page. (See screenshot) Now am I looking for away to only show 10 posts at a time and on scroll show more. I see there are plugins like this https://en-ca.wordpress.org/plugins/ajax-load-more/ but this needs a pagination, I do not want a pagination because of SEO reasons. (new SEO errors come up when a new page for the pagination comes up)

Is there away to this with jquery or javascript?

Topic infinite-scroll pagination posts Wordpress

Category Web

1
answered at

Load all the posts and hide them exclude 10. If the user scroll to page bottom show more 10.

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

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.