Javascript 如何添加FadeIn&；下面jquery函数的淡出？

如何为下面的jquery函数添加FadeIn和FadeOut

$(window).on("scroll", function() {
    if($(window).scrollTop() > 50) {
        $(".header-transparent").addClass("dark-header");
    } else {

       $(".header-transparent").removeClass("dark-header");
    }
});

这将有助于：

$(window).on("scroll", function() {
   if($(window).scrollTop() > 50) {
       $(".header-transparent").fadeIn(5000).addClass("dark-header");
  } else {

      $(".header-transparent").fadeOut(5000).removeClass("dark-header");
   }
});

如果您希望在添加类之前有一点延迟，请使用

这段代码就可以了-
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>50）{
$（“.header transparent”）.fadeOut（'fast'，function（）{
$（this.addClass（“暗头”）
.fadeIn（“快速”）；
});
}否则{
$（“.header transparent”）.fadeOut（'fast'，function（）{
$（this.removeClass（“暗头”）
.fadeIn（“快速”）；
});
}
});可能重复的Hi在那里，实际上整个标题在滚动回到页面顶部时消失了。所以，请给我任何解决方案。提前谢谢。@JohnsmithFN fadeIn将通过淡入淡出的方式使div消失。。不管怎样，为了保持这个阶段，在fadein上增加5s时间，现在试试上面的代码