jquery - 添加淡入/淡出以添加/删除类

Question

下面的代码通过添加/删除类名来改变我的导航方向。当方向发生时，如何使它淡入淡出？这是我的代码：

$(window).scroll(function() {
    ($("#another-reason-to-attend").offset().top <= window.pageYOffset) ? $("#prim").addClass("horizontal") : $("#prim").removeClass("horizontal");
    ($("#another-reason-to-attend").offset().top <= window.pageYOffset) ? $("#logo").addClass("small") : $("#logo").removeClass("small");
});

编辑

我尝试将 .fadeIn 和 .fadeOut 添加到上面的行中，但它只是中断了。

例子：

 ($("#another-reason-to-attend").offset().top <= window.pageYOffset) ? $("#prim").addClass.fadeIn("horizontal") : $("#prim").removeClass.fadeOut("horizontal");

Answer 1

不知道你想淡入和淡出什么..假设这是你想要的

尝试这个

 ($("#another-reason-to-attend").offset().top <= window.pageYOffset) ? $("#prim").addClass("horizontal").hide().fadeIn() : $("#prim").removeClass("horizontal").fadeOut();
  ...

由于 fadeIn() 仅适用于隐藏元素，因此首先隐藏它（如果没有隐藏）