Turn your existing pagination into infinite scrolling pages with ease
HTML JavaScript CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.


Infinite Ajax Scroll

Infinite Ajax Scroll

Turn your existing pagination into infinite scrolling pages with ease.

  • SEO friendly 🥇
  • Doesn't break browsers back button 💯
  • Highly customizable through extensions

More features, docs and demos available at: https://infiniteajaxscroll.com/

Build Status Gitter chat


Download jquery-ias.min.js (latest).

Include Infinite Ajax Scroll into your html pages.

<script src="jquery-ias.min.js"></script>

Include jQuery if you haven't already.



Infinite Ajax Scroll requires markup similar to this:

<div id="container">
  <div class="post">...</div>
  <div class="post">...</div>

<div id="pagination">
  <a href="/page1/" class="prev">prev</a>
  <a href="/page3/" class="next">next</a>

Then configure Infinite Ajax Scroll:

<script type="text/javascript">
  var ias = jQuery.ias({
    container:  '#container',
    item:       '.post',
    pagination: '#pagination',
    next:       '#pagination a.next'

  ias.extension(new IASSpinnerExtension());
  ias.extension(new IASTriggerExtension({offset: 2}));
  ias.extension(new IASNoneLeftExtension({text: "You reached the end"}));
  ias.extension(new IASPagingExtension());
  ias.extension(new IASHistoryExtension({prev: '#pagination a.prev'}));

For complete documentation about options and extensions visit https://infiniteajaxscroll.com/docs/.


Infinite Ajax Scroll may be used in commercial projects and applications with the one-time purchase of a commercial license.


For non-commercial, personal, or open source projects and applications, you may use Infinite Ajax Scroll under the terms of the MIT License. You may use Infinite AJAX Scroll for free.