在jquery中滑動字母動畫

Question

我想動畫<h3>滑動，但我不想在動畫發生之前看到它（滑動的字母發生在div的淡入之後）。 這裏是，即使我不認爲它有助於

$(document).ready(function() { 
    $("#div1").fadeIn(3000, function() { 
     $("#div1 > h3").animate({ "left": "45.5%" }, 1500); 
    }); 
    $("#div2").fadeIn(3000); 
    $("#div3").fadeIn(1500); 
}); 

這裏是CSS代碼動畫代碼：

#div1 > h3 { 
    text-align: justify; /* or whatever you want to */ 
    position:absolute; 
} 
#div1 { 
    display: none; 
} 
#div2 { 
    display: none; 
} 
#div3 { 
    display: none; 
} 

，如果我做H3顯示：無;他們不會出現。

Answer 1

這是因爲$(document).ready()在CSS應用後觸發幾個毫秒。你需要將你的元素從一開始就設置在正確的位置。嘗試將CS​​S中的#div1 > h3設置爲left: -300px，如果它從左側滑動，或者如果從右側滑動，則爲left: 120vh。