jquery - 试图让每个 Div 在滚动到时出现

Question

我试图让登陆页面看起来更漂亮，所以当你向下滚动时，每个部分的文本都会淡入。

我有它的工作方式，但不是每个单独的元素在您滚动到它时淡入，而是在您滚动到第一个元素时它们都同时淡入。

我无法完全理解我出错的地方，我使用了我找到的 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”类滚动到，并且当滚动到时，我希望该元素添加“出现”类。我猜它正在使用“hidden-y”类向所有元素添加“出现”，有没有一种简单的方法可以阻止它同时对所有元素执行此操作？

标签： jqueryhtmlcss