javascript - Fadeout 不褪色，只是消失

Question

我正在尝试制作一个堆叠动画，我将在其中使用延迟使元素逐渐淡出。问题是，这些元素并没有褪色。我有几个元素是 display:none 开始，然后使用 FadeIn 将它们带入。它们不会褪色，只是突然出现。这不好。

动画的催化剂是 a.engine 链接。单击它时，动画首先从背景图像中删除一个类(使其模糊并更改不透明度)，然后各种元素淡入。最终我希望它自动向下滚动到一个 anchor ，但我会弄清楚一点。现在，只是没有褪色让我感到困惑。

这是我使用的代码。

    $(function () {
        $("a.engine").click(function () {
            $("img.bg").removeClass("intro_effects").delay(500);
        $("h4.fade_out").delay(200).fadeOut("slow");
        $("h4.fadein").delay(500).fadeIn("slow");
            $("div.menu_container").delay(500).fadeIn("slow");
            $("div.main_content").delay(500).fadeIn("slow");
        $(".parallax1").delay(200).queue(function () {
                $(this).css("display", "block")
            });  
        });

网站本身在这里:http://dev.mediaslave.ca/illustraflex

有没有褪色不褪色的原因？也许与其他动画结合使用？

Answer 1

您可以尝试最后删除 css 吗？原因是 fadeIn 方法操作元素不透明。如果您已经将不透明度作为元素的一部分，这可能会干扰淡入动画。