Загружать контент при прокрутке div с помощью jquery

Question

Мне нужно загружать контент при прокрутке div , а не окна. Это мой код CSS:

#sidebar{
 width:30%;
 float:right;
 height:455px;
}
#video_list{
  height:100%;
  overflow:auto;
}

А это мой HTML-код:

<div id="sidebar" >
 <!-- other -->
 <div id="video_list">
 </div>
</div>

Video_list прокручивается, а содержимое загружается с помощью вызова ajax. Когда я иду к концу полосы прокрутки, мне нужно снова загрузить контент. Как я могу определить высоту прокручиваемого div? Я попробовал это:

if ($("#video_list").scrollTop()==$("#video_list").height()){
  loadContent();
 }

но это не работает!

Answer 1

Чтобы получить высоту свитка, вы можете сделать это:

$ ( "# video_list") [0] .scrollHeight;