догрузка элементов
 

Добрый день.
Помогите разобраться с такой штукой. у меня есть div в котором стоит свойство overflow-y:scroll;
Как сделать подгурзку контента при докручивании скролла вниз. сейчас все стоит на уровне нажатия на ссылку

$("a#showmoremewsimage").click(function(){
       // alert('fdsfds');
                  if(newsimage_pagenumber==0){
                      newsimage_pagenumber=1;
                      newsimage_pagenumber++;
                  }
                  else{
                      newsimage_pagenumber++;
                  }
                  offsetvalue = newsimage_pagenumber;


                        jQuery.ajax({

                            type: 'GET',
                            url: '/myShutterNote/index.php?r=news/getmoreimagenews',
                            data: {offset: offsetvalue},
                            beforeSend: function(){
                                $('#news_loader').html('<img id="imgloader" src="/myShutterNote/images/loaders/loader_news.gif">');
                    
                            },
                    
                            success: function(data){
                    
                                var comments =  data;
                                 $('#imagenews').append(data);
                                 if(newsimage_pagenumber<newsimagecount_page){
                                 $("a#showmoremewsimage").text('Showmore');
                                 }else{
                                      $("a#showmoremewsimage").text(' ');
                                 }
                                 $('#news_loader').html('');
                    
                            }
                        });
              })

а я бы хотел вызывать эту функцию при доконца скролла