如何根据滚动的div来获取数据--JQuery？

Question

我正在搜索页面上进行搜索，其中我可能会根据搜索条件获取数千条记录（仅提取客户端名称）。我将数据加载到结果div（height：300px; overflow：scroll）。是否有可能首先获取一部分数据（分页类型），并在用户滚动div时带入下一部分？我不想再次实现分页，因为我已经在上一页的网格中实现了分页。如果这也是必需的，请让我知道您的意见。

任何想法都会有很大的帮助。

Answer 1

下面是根据示例here所示的示例执行此操作的一种可能方式，以了解如何检查您是否滚动到底部。它会检查每一秒是否发送新的“页面”的POST请求。您可以添加诸如设置mouseenter的时间间隔并在mouseleave上清除它的内容，这样就不会检查您网页上每秒有人的内容，但这应该会给您一个基本的想法。

JS：

var checkBottom, page = 1; 

function ifBottom(){ 
    var cont = $('#container'); 

    if(cont.scrollHeight - cont.scrollTop() == cont.outerHeight()){ 
     page = page++; 
     $.post('example.php', {pg: page}, function(html){ 
     cont.append(html); 
     }, 'html'); 
    } 
}); 

$(document).ready(function(){ 
    checkBottom = setInterval(ifBottom(), 1000); 
});