Fadeout不褪色，只是消失

我想做一個堆疊的動畫，我將使用延遲逐漸淡化元素。問題是，元素不會消失。我有幾個顯示元素：無需啓動，然後使用FadeIn將它們引入。它們不會褪色，它們只是彈出。這不是好事。Fadeout不褪色，只是消失

動畫的催化劑是a.engine鏈接。當點擊它時，動畫首先從背景圖像中移除一個類（給它一個模糊並改變不透明度），然後各種元素淡入。最終，我希望它自動向下滾動到一個錨點，但我會這個數字出來了一點。就目前而言，它只是沒有褪色而已，讓我感到困惑。

這是我使用的代碼。

$(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

是否有一個原因靈界不褪色？也許與其他動畫或其他組合？

來源

2014-02-10 Jeff Monk

請發佈相關的CSS和HTML來幫助大家一點點。 –

我沒有有目的地發佈所有的CSS和代碼，因爲有相當多的元素。沒有一點棘手，只是很長。我希望無論是關於我不知道的堆疊動畫的規則，還是我錯過了jQuery中有人會發現的東西。如果它可以幫助我發佈所有內容，但它只是顯示的元素：沒有任何內容，那麼上面的代碼應該會使它們淡入。 –

你可以嘗試去掉css嗎？原因在於fadeIn方法操縱元素opactiy。如果您已將不透明度作爲元素的一部分，那麼可能會干擾fadeIn動畫。

來源

2014-02-10 16:03:17 1mike12

我真的完全刪除了它，並沒有改變任何東西所有。出於某種原因，小fadeOut項目仍然流行。它非常令人沮喪！ –

Fadeout不褪色，只是消失

回答

相關問題