javascript - add infinite scroll in the table which is populated runtime

Question

I am confused how to implement infinite scrolling in the table. Currently my table is generated run time in side function $.getJson("url",function(){ //inside for loop the tr is generated and appened to table. }) Now I want this table to transform a little and make it infinite scroll.

First time 5 data is visible of whole data i get from json then if i scroll then next five then next five and so on.

Answer 1

<div style="Overflow-y : scroll, height: 10%" >
   <table> 
     <tr>
     </tr>
   </table>
</div>

这将创建包含表格的垂直滚动的 div