weui.js

infiniteScroll(options) ⇒ InfiniteScroll

无限滚动加载容器

Kind: global function

Param	Type	Description
options
options.target	string	需要开启无限滚动的容器的 selector
options.stater	string	用于显示当前状态的容器（一般处于 target 的底部）
options.loading	string	加载状态提示文本（默认：’- loading -‘），支持 html 可实现插入动态图标等 若 loading 被设置成 ‘‘、false、null 等将不会更改状态提示文本
options.nodata	string	调用 nodata() 方法后被设置的状态提示文本，代表已经没有更多数据（默认：’- 暂无更多数据 -‘）
options.load	function	条件满足时的加载方法（若需要异步加载请将加载主体包装成 Promise 返回）
options.immediate	boolean	是否在初始化时立即触发首次加载（默认：true）
options.threshold	number	触发加载的距离阈值（0~1）（默认：1.0）

Example

<div class="weui-tab__content weui-infinite weui-infinite-test">
  <div class="weui-infinite__list"></div>
  <div class="weui-infinite__state"></div>
</div>

weui.infiniteScroll({
  target: '.weui-infinite-test',
  stater: '.weui-infinite__state', // stater 必须被包含在 target 内部
  load() {
    console.warn('load start...');
    return new Promise(resolve => {
      setTimeout(() => {
        console.warn('load completed...');
        // ... 将加载主体内容插入到 target 指定容器底部
        resolve();
      }, 3000);
    });
  }
});

This site is open source. Improve this page.