Infinite Ajax Scroll
Home
Examples
Pricing
Search…
Overview
Installation
Getting started
License
Support
Reference
Options
Methods
Events
Advanced
Triggers
Last page message
History
Overflow
Powered By
GitBook
Methods
constructor
argument
type
description
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.
argument
type
description
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.
argument
type
description
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.
Reference - Previous
Options
Next - Reference
Events
Last modified
9mo ago
Copy link
Outline
constructor
bind
unbind
next
load
append
enableLoadOnScroll
disableLoadOnScroll