仅显示接下来的10个div

Question

我有一个生成div的列表，如下所示：

$(window).scroll( function(){
    $('.ajax-loader').each( function(i){

        var bottom_of_object = $(this).offset().top + $(this).outerHeight();
        var bottom_of_window = $(window).scrollTop() + $(window).height();
        if( bottom_of_window > bottom_of_object ){
            $('.news-loaded').fadeIn(300);  
        }

    }); 

});

在滚动中我想淡入10个div并显示一个假装载机。

现在我有了这段代码：

{{1}}

因此，如果ajax loader div可见，它现在加载所有div，但我只想加载下几个div。

Answer 1

我确定有很多方法，但我倾向于使用slice()。

在您的情况下，以下可能会起到作用：

替换：$('.news-loaded').fadeIn(300);

使用：

$('.news-loaded').slice(0, 9).fadeIn(300); 

编辑：对于此上述增强版本的归属感为freedomn-m：

$('.news-loaded').not(':visible').slice(0, 9).fadeIn(300);