在滚动时自动加载TR

Question

请问我现在有大约5000行数据，并进行实时编辑...
我希望能够显示前200行，然后显示下一行200行，因为用户向下滚动页面..和可能隐藏先前的200行...
计算器上的几个搜索后..我发现this代码，但不似乎多理解

<table id="loadingtable" cellpadding="0" border="1" cellspacing="3" align="center" width="80%"> 
    <?php 
    function createtr($value, $stop) 
    { 
     while($value <= $stop){ 
      echo'<tr>'; 
       echo '<td>'; 
        echo "cell {$value}"; 
       echo '</td>'; 
      echo '</tr>'; 
      $value++; 
     } 
    } 

    createtr(1, 5000); 
    ?> 
    </table> 

，这里是Jquery的

 $("#loadingtable tr").slice(100).hide(); 

     var mincount = 100; 
     var maxcount = 100; 

     $(window).scroll(function() 
     { 
      if($(window).scrollTop() + $(window).height() >= $(document).height() - 400) { 
        $("#loadingtable tr").slice(mincount,maxcount).fadeIn(800); 
      mincount = mincount+100; 
      maxcount = maxcount+100 

     } 
    }); 

守则不适用于.. 请帮助 Thannks很多工作..

Answer 1

$("#loadingtable tr").slice(100).hide(); 

    var mincount = 0; 
    var maxcount = 100; 

    $(window).scroll(function() 
    { 
     if($(window).scrollTop() + $(window).height() >= $(document).height() - 400) { 
      $("#loadingtable tr").slice(mincount,maxcount).fadeOut(800); 
      mincount = mincount+100; 
      maxcount = maxcount+100; 
      $("#loadingtable tr").slice(mincount,maxcount).fadeIn(800); 

    } 
if($(window).scrollTop() <= 200) { 
     $("#loadingtable tr").slice(mincount,maxcount).fadeOut(800); 
     mincount = mincount-100; 
     maxcount = maxcount-100; 
     $("#loadingtable tr").slice(mincount,maxcount).fadeIn(800); 

} 
}); 

当用户滚动到页面的底部，这将加载下一个100行 - 400个pixles。要隐藏上述行，您需要首先添加一个类似的功能，以便在开始向上滚动时取消隐藏，然后使用FadeOut

您需要添加边界条件检查（最小数量< 0和maxcount> 5000）