在滾動時自動加載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）