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

Question

我正在开发一个搜索页面，根据搜索条件，我可能会获得数千条记录(我仅获取客户名称)。我将数据加载到结果 div 中(高度:300px；溢出:滚动)。是否可以先获取一部分数据(类似于分页)，然后在用户滚动 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);
});