2012-12-06 74 views
1

我在頁面上實現了無限滾動,它工作的很好,當頁面滾動到底部時,數據被加載,但我想做一些預加載數據以防止用戶等待他每次到達頁面的底部。我真的需要一個建議,因爲我真的不知道要做什麼(我看到一個很好的例子,在Pinterest上,它們在滾動到達頁面底部之前預加載數據)。謝謝你們無限滾動數據預加載

一個片段從我的代碼

$(window).scroll(function(){ 

    var $scrlTop = $(window).scrollTop(); 
    var $docHght = $(document).height(); 
    var $wndwHght = $(window).height(); 

    if ($scrlTop == $docHght - $wndwHght){      

     loadMore(); 
    } 
}); 

回答

1

與其說loadMore()當滾動到達最底部,如何在這之前一段時間的?

+0

它沒有正常工作,導致首先滾動到底部顯示所有數據庫中的數據。 – Denees

+0

@DenisHoss你是否在說'loadMore'加載了所有的數據而不是「更多」? –

+0

正確的,在第一次加載後,'$ scrlTop'將總是大於'$ dochght - $ wndwHght * 2' – Denees