2010-04-14 65 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