使用jquery滚动div时加载内容

时间:2010-04-14 16:15:17

标签: jquery scroll scrollbar jquery-scrollable

我需要在滚动 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();
 }

但它不起作用!

1 个答案:

答案 0 :(得分:0)

要获得滚动高度,您可以执行以下操作:

  

$( “#video_list”)[0] .scrollHeight;