Skip to content
Turn your existing pagination into infinite scrolling pages with ease
Branch: master
Clone or download
Latest commit 33e0096 Oct 1, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
doc Update support.md Jun 4, 2018
src reset count on unbind Jun 4, 2018
test fix Mar 20, 2018
.gitignore
.travis.yml
CHANGELOG.md
CONTRIBUTING.md
Gruntfile.js more https scheme changes Mar 16, 2018
README.md remove gitter badge Oct 1, 2018
UPGRADE.md
bower.json bumped version Mar 21, 2018
composer.json
ias.jquery.json
package.json

README.md

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

Installation

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.

<script   
    src="https://code.jquery.com/jquery-3.2.1.min.js"   
    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="   
    crossorigin="anonymous"></script>

Usage

Infinite Ajax Scroll requires markup similar to this:

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

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

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'}));
</script>

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

Licensing

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

https://infiniteajaxscroll.com/docs/license.html

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.

You can’t perform that action at this time.