(function(){

  'use strict';

  $(function(){

    var str ='<ul id="myList">';

     var x=100;

    var initialData ='';

    for(var i=0;i<1000;i++){

      str+='<li>'+i+'</li>';

​

    }

    str +='</ul>'

     // complete data in str;

    // load only first 100 element

    $('#container').append(str);

    $('#myList li:lt('+x+')').show();

  })

   $('#container').on('scroll', function() {

        if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {

        x+=100;

          $('#myList li:lt('+x+')').show();

        }

    })

})();