Javascript setTimeout和.animate冲突

我试图让页面滚动到底部的图像，在滚动到底部的过程中，一些文本会淡入淡出。我不想在向下滚动之前或向下滚动之后（这是当前代码的结果）淡入文本。我希望在一个动画事件中间有一个定时事件。 用引导加载的HTML

<div id="scrollFixedFall">
    <center>
    <br><br>
    <font size="200px" color="white" id="text1">A web design demonstration</font>
    </center>
    </div>

    <div id="blueSky">
    </div>
    <img src="https://www.google.com/images/srpr/logo11w.png" class="img-responsive" alt="Responsive image">

这是小提琴

---

如果将2个动画附加到1个元素，并且一个元素在另一个元素完成之前无法执行，则应从

$（“html，body”）.animate（{scrollTop:$（document）.height（）}，4000）中删除#text1，希望这对您有用

谢谢monkeyinsight，但我找到了一个不同的解决方案，可能会帮助其他人找到这个问题。我决定用delay（）切换setTimeout（）。它给了我更少的麻烦和更多的控制，我可以在多个动画中有一个元素

我从

    setTimeout(function(){
        $("#text1").fadeIn(2000);
    },1000);

到

这是小提琴


    setTimeout(function(){
        $("#text1").fadeIn(2000);
    },1000);

    $("#text1").delay( 1000 ).fadeIn(2000);