Javascript 无休止地滚动和过滤JSON数据

我最近一直在使用它在表中显示JSON数据。我使用它是因为它有一个搜索栏，我可以很容易地过滤数据，并且它有分页功能（显示到第1、2、3页的链接，等等）

我需要一个列表数据的替代解决方案，它允许我过滤（将文本与数据匹配的搜索栏）并有一个无限滚动条。更具体地说，滚动主体或div容器（而不是在表中滚动）

---

我不一定需要一个“表”，只需要能够为每一条数据设计一个框。如果有人有什么解决办法，我很乐意听听。

@dandavis帮助了这个想法

var tableNumRows = 15, activeForms = $('#the_table').dataTable();

$('#pageContent').bind('scroll', function() {
    if($(this).scrollTop() + $(this).innerHeight() >= this.scrollHeight) {
        var oSettings = activeForms.fnSettings();
        tableNumRows+=15;
        oSettings._iDisplayLength = tableNumRows;
        activeForms.fnDraw();
    }
});

---

为什么不扩展datatables以便滚动到底部加载下一页？@dandavis我不想加载下一页，它需要附加到底部。我已经找了好几个小时，却找不到一个方法。啊，说得好。您可以更改显示的行数而不是下一页，然后在旧的底部行上调用scrollIntoView（）