2010-04-14 61 views
1

我需要加载内容的同时滚动div,而不是窗口。 这是我的CSS代码:
使用jquery滚动div时加载内容

#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(); 
} 

但它不工作!

+0

你是什么意思“它不工作”。你有错误吗?回调是否被调用?尝试更具体 – marcgg 2010-04-14 16:28:42

回答

0

要获得滚动高度,你可以这样做:

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

+0

行,但不工作: $('#video_list')。scroll(function(){ if($(“#video_list”)。scrollTop()== $(“#” video_list“)[0] .scrollHeight){ \t \t \t \t \t \t loadContent(); \t \t \t \t \t} }); – enfix 2010-04-14 17:06:06

+1

好吧,我解决它。 ($(“#video_list”)。scrollTop()+ $(“#sidebar”)。height()== $(“#video_list”)[0]。我必须总结#边栏高度: 。 scrollHeight) – enfix 2010-04-14 17:10:39

+0

我们可以看一个演示吗? – TheBlackBenzKid 2012-02-01 14:33:00