Javascript 相对于车窗位置的淡入淡出div

当我进入id为“services”的部分时，我试图用class

.cms

和

.seo

淡入

中，当通过该部分或之前时淡出

如果可能的话，我还想让它相对于滚动位置进行动画制作

我给你的链接，这样你就可以检查自己的网站

对于我使用的动画

javascript代码在js/agency.js中

这是我一直在尝试的代码

$(window).scroll(function() {
    var y=$(window).scrollTop();
    if (y < 1092){
    $('.cms,.seo').addClass('animated fadeOutRight');  
  }
  if (y > 1092 && y < 1300) {
    $('.cms,.seo').addClass('animated fadeInRight');
  }     
  if (y > 1300){
    $('.cms,.seo').addClass('animated fadeOutRight');  
  }
});

$（窗口）。滚动（函数（）{
变量y=$（窗口）.scrollTop（）；
如果（y<1092）{
$（'.cms，.seo'）.addClass（'animated fadeouttright'）；
}
如果（y>1092&&y<1300）{
$（'.cms，.seo'）.addClass（'animated fadeInRight'）；
}     
如果（y>1300）{
$（'.cms，.seo'）.addClass（'animated fadeouttright'）；
}
});

我还想知道它是否适用于不同的窗口大小，或者我是否需要更改代码

---

谢谢

它会淡出，因为只要滚动，if（y<1092）就会为真

只有当元素上确实存在fadeInRight时，才可能需要fadeOutRight，这样它不会立即隐藏，因此：

if（y<1092&&$（'.cms，.seo'）.hasClass（'fadeInRight'））

此外，由于类animated仅指定元素的动画方式，因此应立即将其应用于元素，而不是将其附加到javascript

请参见此小提琴的工作示例：

---

它应该适用于大多数窗口大小，除非您相应地更改元素的高度。

那么您现有的代码到底出了什么问题？向下滚动时，它会淡出，而不是淡入。我需要它在离开那个区域时消失