Jquery 尝试使每个Div在滚动到时显示

我想让登录页看起来更别致一点，所以当你向下滚动时，每个部分的文本都会消失

我让它工作的方式，但不是每个单独的元素淡入当你滚动到它，他们都在同一时间淡入当你滚动到第一个元素

我不能完全理解我哪里出了问题，我使用了我找到的jFiddle中的一些代码，它在那里工作得非常好

我尝试过让淡入单独发生（就像代码看起来一样难看），但它仍然在做同样的事情

$(window).scroll( function(){
  $(".hidden-y").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 ){
       $(this).addClass("appear");
    }
  });
});

---

我有我想要淡入的元素，当它们与类“hidden-y”一起滚动时，当滚动到时，我想要该元素添加类“seen”。我猜它是在用“hidden-y”类向所有元素添加“Embeen”，有没有一种简单的方法可以阻止它同时对所有元素执行此操作？

您应该显示一个，这样我们就可以知道您的脚本是否正常工作：那么，向我们显示您的（完整）代码，这不正常。我试图将一个代码放在一起，以复制我遇到的问题。。。但它在codepen上起作用。很困惑。然后，你应该仔细检查工作和不工作情况之间的差异。你应该显示一个，这样我们就可以知道你的脚本是否工作了：那么，给我们显示你的（完整）代码，它不工作。我试图将一个代码放在一起，以复制我遇到的问题。。。但它在codepen上起作用。很困惑。然后你应该仔细检查工作和非工作状态之间的差异