2012-12-06 73 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