Methods

constructor

argumenttypedescription

container

string|Element

Selector or Element of the container (see definitions/concepts)

options

object

Configuration for this instance of Infinite Ajax Scroll (see options)

// import if you use the NPM package (not needed if you use CDN)
import InfiniteAjaxScroll from '@webcreate/infinite-ajax-scroll';

let ias = new InfiniteAjaxScroll('.container', {
  item: '.item',
  next: '.next',
  pagination: '.pagination'
});

bind

This will bind Infinite Ajax Scroll to the scroll and resize events of the scroll container.

unbind

This will unbind Infinite Ajax Scroll from the scroll and resize events of the scroll container.

next

This will load the next page manually.

load

This wil load an url and returns a promise which represents the loaded event.

argumenttypedescription

url

string

Url to load

If the request fails, the promise will be rejected with the XMLHttpRequest object.

ias.load('http://my-domain.test/page1.html')
  .then((loadedEvent) => {
    console.log('Requested ' + loadedEvent.url + ' successfully');
  })
  .catch((xhr) => {
    console.log('Request failed with ' + xhr.status + ' (' + xhr.statusText + ')');
  });

append

Use this method to append an array of items to the container.

It will return a promise.

argumenttypedescription

items

array

Array of element to append to the container

parent

Element|null

Container to append to. When none given it falls back to the configured container

enableLoadOnScroll

Enables the loadOnScroll setting on runtime.

disableLoadOnScroll

Disables the loadOnScroll setting on runtime.

Last updated