使用 jquery 滚动 div 时加载内容

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;