javascript - 使用jQuery延迟div的加载？

我试图延迟加载一排div直到滚动，就像这样codepen。由于某种原因，我似乎无法启动任何jquery。

jQuery / JS

// lazy load
$(".resource-container resume-row").slice(1).hide();

 var mincount = 0;
 var maxcount = 1;


 $(window).scroll(function () {
     if ($(window).scrollTop() + $(window).height() >= $(document).height() - 50) {
         $(".resource-container .resume-row").slice(mincount, maxcount).slideDown(100);

         mincount = mincount + 0;
         maxcount = maxcount + 5;
         //Loads 1 variable at a time

     }
 });

到目前为止，这是我的尝试：my codepen。我想最终加载3/4（依此类推）行，然后让第4行一次进入1。

谢谢您的帮助！

最佳答案

您在类名称“ resume-row”的第一个选择器中缺少类名称符号（。）。

// lazy load
$(".resource-container .resume-row").slice(1).hide();

 var mincount = 0;
 var maxcount = 1;


 $(window).scroll(function () {
     if ($(window).scrollTop() + $(window).height() >= $(document).height() - 50) {
         $(".resource-container .resource-row").slice(mincount, maxcount).slideDown(100);

         mincount = mincount + 0;
         maxcount = maxcount + 5;
         //Loads 1 variable at a time

     }
 });