load more data when bottom is shown
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example
images
test
.travis.yml
History.md
Makefile
Readme.md
index.js
karma.conf.js
package.json
style.css
template.html

Readme.md

More

Build Status Coverage Status

Append more div the list element, check loading on scroll.

demo

Installation

Install with npm:

$ npm install more-mobile

Install with component(1):

$ component install chemzqm/more

Events

  • load is emitted after callback called.

API

var more = require('more')
var el = document.querySelector('ul')
var times = 0
more(el, function() {
  return new Promise(function(resolve, reject) {
    var arr
    // fetch the list
    if (err)return reject()
    if (arr.length) {
      more.disable() //disable loading
    }
    resolve()
  })
})
})

new More(el, callback, [scrollable])

Insert more after list el, call the callback with a function when more div could be visible(or return promise)

scrollable is Object (could be element or other object) which emit scroll event, it default to el.parentNode, could also be window

.disable()

Disable more loading.

.remove()

Remove inserted div and unbind events

.load()

Force more start loading data without scroll event fired (will not load if it's loading or disabled)

Return promise

License

MIT