伪连续滚动

Question

我想显示大量不含多个“页面”的结果来加载第1页的结果“0-99”，第2页的“100-199”，第2页的“200-299” 3等

因此，我的想法是创建一种伪连续滚动数据列表。所以本质上，数据将根据需要加载，但只有在滚动时才会加载。那么数据框就需要有一个合乎逻辑的滚动条（我不知道我现在怎么做，也许只是用箭头）。另外，如果加载了大量的数据，那么我认为需要从内存中清除旧数据，以免杀死浏览器。如何在web界面中使用jquery（或任何javascript）在客户端执行所有此操作，并且php

Answer 1

本Nadel在他的博客上（使用JQuery做了一些非常类似的事情（不是PHP，但服务器端代码非常短）。

http://www.bennadel.com/blog/1803-Creating-A-Bidirectional-Infinite-Scroll-Page-With-jQuery-And-ColdFusion.htm

关于本公司实现的好处是，它会清除你滚过......这意味着你不跑成无限的DOM问题的东西。

Answer 2

您的意思是类似于SortFolio？您可以像使用jQuery一样绑定到scroll event。然后，您将查看一系列xml get请求来引入数据，并根据滚动是上升还是下降来追加或预先添加列表。

Answer 3

jQuery Tools has a demo of their Scrollable widget听起来有点像你所描述的。

Answer 4

以及它可能会得到相当复杂，当你进入它，但基本上是这样的...：

// PSEUDO CODE 
$(document).ready(function(){ 
    $('#datascroller').scroll(function(){ 
     var tbl = $('table', this); 
     var $this = $(this); 
     if($('td:last', tbl).scrollTop() == tbl.height()*-1) 
     { 
     //clear current data and display loading animation 
     tbl.fadeOut('fast', function(){ 
      $(this).replaceWith(loadingAnimationElement.hide()); 
      loadingAnimationElement.fadeIn('fast'); 
      $.get('/phpscript.php', {page: 2}, function(results){ 
       var $data = $(results).hide(); 
       loadingAnimationElement.fadeOut('fast', function(){ 
        $(this).replaceWith($data); 
        $data.fadeIn('fast'); 
       }) 
      }); 
     }); 
     } 
    }); 
});