phi-jp / sclazy

scroll + lazy

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

sclazy

scroll + lazy

example

in riot

this.on('mount', function() {
  this.sclazy = Sclazy({
    target: this.refs.content,
    onload: () => {
      ref.child('items').get({
        page: this.sclazy.page++,
        per: 32,
      }).then((res) => {
        this.sclazy.addItems(res.data.items);
        this.sclazy.next(res.data.page_info.next_page != null);
        this.update();
      });
    },
    onscrollend: () => {
      this.sclazy.load();
    },
    onpulldown: () => {
      this.sclazy.reset().load();
      this.update();
    },
  });

  this.sclazy.load();
  this.update();
});

ref

About

scroll + lazy


Languages

Language:HTML 73.0%Language:JavaScript 27.0%