5、Infinite scroll

列表经常在用户滚动时创建动态加载内容的需求。App.js可以帮你处理这个问题。

App.infiniteScroll(listElement, function (next) {
    // dynamically fetch data
    var list = [];
    // add html elements to list
    next(list);
});

请注意，listElement是将元素动态插入到的HTML元素。

在等待动态内容加载时，有一个加载元素是一个常见的用例。

App.infiniteScroll(listElement, { loading: loadingElem }, function (next) {
    next([ stuff ]);
});

请注意，loadingElem将被克隆并在列表的底部使用，而内容正在被获取。