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

标签 javascript 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");
   }
});

如果您希望在 addclass 之前有一点延迟,请使用 .delay()

关于javascript - 如何为下面的 jquery 函数添加 FadeIn 和 FadeOut?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52923158/

相关文章:

javascript - 如何在我的 Protractor 测试中设置 3 个日期?

javascript - Google map Circle 对象自定义 css

javascript - 替换多个空格,多次出现的逗号

javascript - Underscore.js 使用嵌套数组查找并返回元素

jquery - 如何使用 jQuery 附加到跨度内的 <h1> 标记?

javascript - 如何使用 JavaScript 创建链接和 div 列表

javascript - 将 D3.js 与 javascript 对象而不是外部 JSON 文件一起使用

javascript - window.location.hash 总是显示为空

jquery - 在 jQuery 中获取下一个兄弟的最简洁的方法

javascript - 一段时间后下降的信息栏