# Infinite scroll with button without JQuery

**URL:** <https://forum.ghost.org/t/infinite-scroll-with-button-without-jquery/25601>\
**Category:** Themes\
**Created:** [September 12, 2021, 5:29pm UTC](https://forum.ghost.org/t/infinite-scroll-with-button-without-jquery/25601 "2021-09-12T17:29:21Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![tq-bit](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/tq-bit/32/14310_2.png) [@tq-bit](https://forum.ghost.org/u/tq-bit)\
**Post date:** [October 19, 2022, 11:15am UTC](https://forum.ghost.org/t/infinite-scroll-with-button-without-jquery/25601/7 "2022-10-19T11:15:03Z")

</div>

Hey there. Vika did a good job implementing the HTTP request to receive the next page.

Basically what happens is:

- Check if there is a next-page (using `const next = activeDom.querySelector('link[rel="next"]');`)
- If yes, read the DOM - elements from the post container and append them to the currently active page

I’ve described one approach in detail here: [Adding Load More button for infinite scrolling of Ghost Casper - #4 by tq-bit](https://forum.ghost.org/t/adding-load-more-button-for-infinite-scrolling-of-ghost-casper/28102/4). It’s written in TS, but you should get the basic idea.

---

_[View the full topic](https://forum.ghost.org/t/infinite-scroll-with-button-without-jquery/25601)._
