Paginated infinite scroll

The CMS Questions
1

I’m using infinite-scroll.com’s javascript to scroll using php pages. The idea is that you scroll, but get to see where you are in the list of pages like an elevator…

While it does load the pages, and scroll…, it does not update the browser’s url. Below is where the java is doing it’s work. What am I missing here. Is there something obvious with the php, or is it a java issue?

the classes “container” and “post” are referenced in the script…

<div class="container"
    data-infinite-scroll='{ "path": ".pagination__next", "append": ".post", "history": false }'>
    
    <article class="post">
    
    <ul>
    <?php foreach( $projects as $file): ?>
      
        <li>
  <figure>  
    <a href="javascript:alert('<?= $file->info()?>');">

  
      <?php if ( $file->extension() == 'gif') { echo $file; } else { echo $file->resize(400); } ?>
   
 <div class="left bubble"> 
    <figcaption> <?= video($file->link(), 
  [
    'youtube' => [
      'autoplay' => 1,
      'controls' => 0,
      'mute'     => 0
    ],
  ], 
  [
    'class' => 'myvideo'
  ])?> 
  
</figcaption> 
    </div> 
    <figcaption><div class="caption"><?= $file->caption()?> </div>  </figcaption> 
    
    <figcaption> <div class="stretch"><?= $file->text()?> </div></figcaption> 
   
    
    


    </a>
  </figure>
  
  <?php endforeach ?>
  </li>
     </ul>

  
     
     </article>
</div>
2

This has nothing to do with Kirby. From a quick look at their docs, the pagination__next element is missing from your code, please consult the documentation.

3

many thanks,
I’ll have look