使用App.js进行Kik Infinite滚动

时间:2014-06-11 03:43:53

标签: web-applications infinite-scroll kik

我真的不明白我应该如何在我的网站中实现无限滚动功能。我理解它的目的,但也许更多Trevor技术解释函数正在做什么将使我能够理解它并以更有效的方式实现它。此外,非常感谢其在网站其他部分使用上下文的一个示例。

先谢谢,帕尔默

1 个答案:

答案 0 :(得分: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);
      }
    });
  });
});