jquery - 无限滚动数据预加载

Question

我在页面上实现了无限滚动，效果很好，当页面滚动到底部时，数据已加载，但我想做某种数据预加载以防止用户每次到达底部时等待的页面。我真的需要一个建议，因为我真的不知道该怎么做（我看到的一个很好的例子是在 Pinterest 上，他们在滚动到达页面底部之前预加载数据）。多谢你们

我的代码片段

$(window).scroll(function(){

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

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

        loadMore();
    }
});

Answer 1

与其loadMore()在滚动到达最底部时调用，不如在此之前一段时间？

if ($scrlTop >= $docHght - $wndwHght * 2) {
   loadMore();
}