1. $(document).ready(function(){ 
2.  
3. $(window).scroll(function(){ 
4.     scrollMore(); 
5. }); 
6.  
7. function scrollMore(){ 
8.     if($(window).scrollTop() == ($(document).height() - $(window).height())){ 
9.  
10.     var offset = $('[id^="myData_"]').length; // here we find out total records on page. 
11.     var records = $(".allData").text(); 
12.  
13.     $(window).unbind("scroll"); 
14.         if(records != offset){ 
15.             $("#loaderImg").html('<img src="images/ajax-loader.gif" />'); 
16.             $("#loaderImg").show(); 
17.             loadMoreData(offset); 
18.         } 
19.     } 
20. } 
21.  
22. function loadMoreData(offset){ 
23.     $.ajax({ 
24.         type: 'get', 
25.         async:false, 
26.         url: 'getMoreData.php', 
27.         data: 'offset='+offset, 
28.         success: function(data){ 
29.             $("#loaderImg").empty(); 
30.             $("#loaderImg").hide(); 
31.             $(".loadData :last").after(data); 
32.         }, 
33.         error: function(data){ 
34.             alert("ajax error occured?+data); 
35.         } 
36.     }).done(function(){ 
37.         $(window).bind("scroll",function(){ 
38.         scrollMore();    
39.     }); 
40.     }); 
41. } 
42.  
43.  
44. });