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

不确定你想要什么fadeIn和fadeOut ..假设这是你想要的

试试这个

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

因为fadeIn（）仅适用于隐藏元素，所以首先隐藏它（如果没有隐藏）

添加fadeIn / fadeOut添加/删除类

1 个答案: