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