jquery-simple-iscroll

A jquery plugin for infinite scroll.

Dependencies

• jquery

Installation

Install from npm:

$ npm install @kanety/jquery-simple-iscroll --save

Usage

Build html as follows:

<div id="container" style="width: 200px; height: 200px; overflow-y: scroll;">
  <table id="table">
    <thead>
      <tr>
        <th>header</th>
        <th>header</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>page1</td>
        <td>page1</td>
      </tr>
    </tbody>
  </table>
  <div id="paging" style="display: none;">
    <a class="prev">prev</a>
    <a href="index.1.html">index.1.html</a>
    <a href="index.2.html">index.2.html</a>
    <a href="index.3.html">index.3.html</a>
    <a href="index.2.html" class="next">next</a>
  </div>
</div>

Then run:

$('#container').simpleIscroll({
  content: '#table tbody',
  paging: '#paging',
  next: 'a.next'
});

Options

Show loading contents:

$('#container').simpleIscroll({
  ...
  loading: '.loading'
});

Set margin height to start loading before reaching at the bottom:

$('#container').simpleIscroll({
  ...
  margin: 10
});

Callbacks

$('#container').simpleIscroll({
  ...
}).on('load:start', function(e, href) {
  ...
}).on('load:end', function(e, href) {
  ...
}).on('load:success', function(e, $content, $paging) {
  ...
}).on('load:failure', function(e, nextHref, xhr, status, error) {
  ...
});

License

The library is available as open source under the terms of the MIT License.