伪连续滚动

Ben Nadel在他的博客上使用JQuery做了类似的事情(当然是用CF,不是PHP,但服务器端代码很短)。

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

Ben实现的好处在于它清除了你滚动过去的内容。。。这意味着您不会遇到无限DOM问题。

当你进入它时,它可能会变得相当复杂,但基本上是这样的…:

// 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');
               })
            });
         });
      }
  });
});

SortFolio ? 你可以绑定到 scroll event 使用jQuery就像使用其他任何查询一样。然后,您将看到一系列XMLGET请求以引入数据,并根据滚动是向上还是向下,追加或预先添加列表。

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