# Paginated infinite scroll

**URL:** <https://forum.getkirby.com/t/paginated-infinite-scroll/32101>\
**Category:** Questions\
**Created:** [July 23, 2024, 3:43pm UTC](https://forum.getkirby.com/t/paginated-infinite-scroll/32101 "2024-07-23T15:43:40Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![levonatron](https://avatars.discourse-cdn.com/v4/letter/l/67e7ee/32.png) [@levonatron](https://forum.getkirby.com/u/levonatron)\
**Post date:** [July 23, 2024, 3:43pm UTC](https://forum.getkirby.com/t/paginated-infinite-scroll/32101/1 "2024-07-23T15:43:40Z")

</div>

I’m using [infinite-scroll.com](http://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…

```auto
<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>

```

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [July 23, 2024, 4:01pm UTC](https://forum.getkirby.com/t/paginated-infinite-scroll/32101/2 "2024-07-23T16:01:42Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![levonatron](https://avatars.discourse-cdn.com/v4/letter/l/67e7ee/32.png) [@levonatron](https://forum.getkirby.com/u/levonatron)\
**Post date:** [July 23, 2024, 5:29pm UTC](https://forum.getkirby.com/t/paginated-infinite-scroll/32101/3 "2024-07-23T17:29:25Z")

</div>

many thanks,  
I’ll have look