title: Post repeating with infinite scroll
body: <p>I'm creating an infinite scroll of books (wordpress posts). 
  If you see the first row of books is this one:</p>
  
  <p><img src="https://i.stack.imgur.com/XBEVB.png" alt="enter image description here"></p>
  
  <p><strong>But if you scroll down, after it "loads more books", then this books appears again.</strong></p>
  
  <p>So it's always loading the books (wordpress posts) from the start, not loading the posts continuosly.</p>
  
  <p>On <strong>books home</strong> works well as you can see [here][3].</p>
  
  <p>The problem is <strong>after entering to any book (single.php)</strong></p>
  
  <p>Any idea where is the problem and how can I solve it?</p>
  
  <p>This is the code I'm using:</p>
  
  <pre><code>&lt;div id="infinite-scroll"&gt;
  &lt;div id="infite-activities"&gt;
   &lt;div class="row"&gt;
            &lt;?php
              $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
            $args=array("post_type"=&gt;"books","posts_per_page"=&gt;"12");
             /*  $args["paged"]=( get_query_var( 'paged' ) ) ? absint( get_query_var( 'paged' ) ) : 1; */
              $args["paged"]=$paged;
              if(is_single())
                  $args["orderby"]="date";
            $books=new WP_Query($args);
             while($books-&gt;have_posts()):$books-&gt;the_post();?&gt;
            &lt;div class="col-lg-3 col-md-3 col-xs-12 col-sm-3"&gt;
                &lt;div class="book-grid-img"&gt;
                    &lt;?php $default_attr = array('class'   =&gt; "img-responsive");?&gt;
                 &lt;a href="&lt;?php the_permalink();?&gt;" title="&lt;?php the_title();?&gt;"&gt; &lt;?php the_post_thumbnail("books-grid",$default_attr);?&gt;&lt;/a&gt;
                &lt;/div&gt;
                &lt;div class="box-desc-book"&gt;
                    &lt;div class="book-title"&gt;
                       &lt;?php the_title();?&gt;
                       &lt;span&gt;&lt;?php the_field("autor");?&gt;&lt;/span&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="book-download"&gt;
                     &lt;a href="&lt;?php the_permalink();?&gt;"&gt;MORE INFO&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;?php endwhile;?&gt;
  
            &lt;div class="pagination"&gt;
               &lt;?php
                  $big = 999999999; // need an unlikely integer
  
                  echo paginate_links( array(
                      'base' =&gt; str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
                      'format' =&gt; '?paged=%#%',
                      'current' =&gt; max( 1, get_query_var('page') ),
                      'prev_text'    =&gt; __('« Previous'),
                      'next_text'    =&gt; __('Next »'),
                      'total' =&gt; $books-&gt;max_num_pages
                  ) );
                  ?&gt;
           &lt;/div&gt;
  
        &lt;/div&gt;
  
  
  &lt;script&gt;
  jQuery('#infinite-scroll').infinitescroll({
      loading: {
      finishedMsg: "&lt;em&gt;No more books.&lt;/em&gt;",
      msgText: "&lt;em&gt;Loading more books&lt;/em&gt;"
      },
      navSelector     : "a.next",
      nextSelector    : "a.next",
      itemSelector    : "#infite-activities",
      debug           : true,
      dataType        : 'html',
      maxPage         : 5,
      path: function(index) {
          return "page/" + index + "/?test=1";
      }
  }, function(newElements, data, url){
  
  });
  &lt;/script&gt;
  </code></pre>