javascript - 使用 jQuery 延迟加载 div？

Question

我试图延迟加载一行 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。

感谢您的帮助!

Answer 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 

     }
 });