Kik无限滚动使用App.js

Question

我真的不明白我应该如何实现无限滚动功能到我的网站。我理解它的目的，但也许一个更特雷沃技术解释什么功能正在做将允许我理解它，并以更有效的方式实现它。此外，如果在网站的其余部分中使用上下文的示例将不胜感激。

提前感谢，
Palmer

Answer 1

这个问题似乎与App.js(开源移动UI库)比Kik浏览器和api更相关…

无论如何，下面是一个示例页面，它将在用户滚动时动态地将项目加载到列表中。

HTML:

<div class="app-page" data-page="home">
  <div class="app-topbar">
    <div class="app-title">Title</div>
  </div>
  <div class="app-content">
    <ul class="app-list"></ul>
  </div>
</div>

JS:

App.populator('home', function (page) {
  var pageNum = 0;
  App.infiniteScroll($(page).find('.app-list'), function (next) {
    pageNum++;
    $.ajax({
      url: 'url/to/data?page='+pageNum,
      success: function (data) {
        var list = [];
        data.items.forEach(function (item) {
          var li = $('<li>');
          //TODO: construct list item from data
          list.push(li);
        });
        next(list);
      }
    });
  });
});