动画不会显示隐藏块

Question

我试图让我自己的版本的wow.js，因为两个原因，第一个是它似乎不再维护wow.js，第二个因为它只显示动画一旦

我已经是我的代码并不显示动画向下滚动时，只有向上滚动时，我发现CAND为什么这个问题...

谁能帮我找到这个错误吗？

负责显示元素的功能是这样的：

function showBlocks() { 
    $('.wow2').each(function() { 
     var elementTop = $(this).data('wow2-top'); 

     $(this).html(elementTop); 

     // Shows Elements 
     if ((elementTop >= top) && (elementTop <= bottom)) { 
      $(this).css('visibility', 'visible'); 
      $(this).addClass('animated').addClass($(this).data('wow2-class')); 
     } 
     /* 
     // Hides Elements 
     if ((elementTop < top) || (elementTop >= bottom)) { 
     $(this).css('visibility', 'hidden'); 
     $(this).removeClass('animated').removeClass($(this).data('wow2-class')); 
     } 
     */ 
    }); 

} 

这里是我的jsfiddle：

Answer 1

在滚动您要更新为top的价值而不是bottom。尝试

$(window).scroll(function() { 
    top = $(window).scrollTop(); 
    bottom = top + viewportHeight; 
    showBlocks(); 
    writePosition(); 
}); 

https://jsfiddle.net/5q7gryqr/4/