• Resolved juicysauce

    (@juicysauce)


    I’m not sure if this is specific to my setup, but I’ve discovered a baffling problem:

    If I remove WordPress pagination (i.e. “the_posts_pagination()”) from my page, infinite scroll with Ajax Load More stops working.

    So I tried to get clever, and I used CSS to hide the WP pagination with display: none. That also kept infinite scroll from working.

    Does infinite scroll *require* WP pagination to be visible in order to work?

    Thanks in advance!

    https://www.ads-software.com/plugins/ajax-load-more/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Darren Cooney

    (@dcooney)

    Definitely not, im not even sure what the_posts_pagination() is…

    Thread Starter juicysauce

    (@juicysauce)

    Thanks for the response! Hmm… interesting.

    For reference: the_posts_pagination() is WP’s method for generating page links. I definitely don’t want to use it, but it seems I have to.

    This is so frustrating/baffling. Here’s the relevant code I have on my homepage:

    <div id="main" class="grid" role="main">
    
        <h1>Quickies</h1>
    
        <?php
          /* Query Quickies */
          $args = array(
            'post_type' => 'quickie',
            'posts_per_page' => 24,
            'paged' => get_query_var('paged')
          );
          $quickieLoop = new WP_Query( $args );
          while ( $quickieLoop->have_posts() ) : $quickieLoop->the_post();
    
            get_template_part('loop-quickie');
    
          endwhile; wp_reset_query();
    
          /* AJAX Load More plugin */
          echo do_shortcode('[ajax_load_more
            post_type="quickie"
            seo="true"
            transition="fade"
            posts_per_page="24"
            max_pages="0"
            offset="24"]');
    
        ?>
    
      <div class="gap"></div>
    
    </div><!-- #main .grid -->
    
    <?php get_sidebar(); ?>
    
    <?php the_posts_pagination(); ?>
    Thread Starter juicysauce

    (@juicysauce)

    Okay, I solved it!

    As usual, what I thought was the problem was really a symptom of something else. ?? The solution was super simple, which I’ll share here in case anyone else runs into a similar issue:

    I just needed to set the scroll_distance parameter to 0 (instead of using the default of 150):

    [ajax_load_more scroll_distance="0"]

    In my case, the reason my pagination block *seemed* required was because it was creating the necessary vertical padding (of 150 pixels) to trigger the default scroll behavior for loading more posts.

    Thanks again to dcooney for chiming in on this thread (and for making an awesome plugin).

    Plugin Author Darren Cooney

    (@dcooney)

    Excellent! Thanks for following up here.

    Cheers,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Infinite scroll requires WP pagination?’ is closed to new replies.