2012-02-28 92 views
2

只有當我通過滾動到達div的底部時,我才需要在div內加載數據。從服務器加載數據,同時滾動Div到底部

我們面臨的問題是$('div')。scrollHeight()和$('div')。scrollTop()值到達底部時不相同,所以我無法確定滾動到達底部或不。

如何識別div捲到底部附近(或可能是底部減去一定長度)?

請諮詢......

注:基本上我試圖做同樣喜歡Facebook的股票。

問候, 納文

回答

2

網絡上有很多卷軸樣本,下面的代碼是從this one

... 
    if(container.scrollTop+container.clientHeight == container.scrollHeight){ 
       startRow = parseInt(startRow) + 10; 
       getData(); 
    } 
... 

希望有幫助。

1

繼承人的jsfiddle scroll它使用scrollTop的+ clientHeight來比較scrollHeight屬性。看看它是否適合你,在Mootools中很抱歉,但它非常簡單。

function HandleScroll() 
{ 
    var el = $("outer"); 
    if((el.scrollTop + el.clientHeight) >= el.scrollHeight) 
    { 
     el.setStyles({ "background-color": "red"}); 
    } 
    else 
    { 
     el.setStyles({ "background-color": "white"}); 
    } 
} 
1

我建議您獲取文檔高度,並將該高度用作頁面頂部到底部之間的長度。所以:

var bottom = $(document).height() // == the bottom of your page 

你可以減去與底部距離,你的願望。

If((el.scrollTop() + el.outherHeight) >= (bottom - 200)){ 
    // fetch new data 

    // Don't forget to upate the bottom variable when data fetched and renderd 
} 

希望這可以解決您的問題,或者至少幫助您找到解決方案。如果沒有,請讓我知道