Загрузка содержимого при прокрутке 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 прокручивать и содержание загружается АЯКС вызова. Когда я иду в конец полосы прокрутки, мне нужно снова загрузить содержимое. Как определить высоту прокручиваемого div? Я попытался это:

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

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

Answer 1

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

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