在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。