別の関数が終了したときにのみ関数を実行する

Question

私はこの関数を持っており、divが上にスクロールしたときにのみ.hiddenクラスを追加したいと思います。私はSetTimeoutを使用することができますが、それはランダムであり、私はdivが上にスクロールしたときに消えることを確認したいと思います。

$(".more").on("click", function() { 
 
    $("#wait").animate({ 
 
     scrollTop: 0 
 
    }), 
 
    $(".more").toggleClass("nascosto"), 
 
    $("#wait").toggleClass("hidden") 
 
});

.more { 
 
    cursor: pointer; 
 
    position: fixed; 
 
    font-size: 30px; 
 
    top: 10px; 
 
    left: 10px; 
 
} 
 
#wait { 
 
    font-size: 30px; 
 
    right: 10px; 
 
    width: 50%; 
 
    position: fixed; 
 
    overflow-y: scroll; 
 
    height: 100vh; 
 
} 
 
#about { 
 
    overflow-y: scroll; 
 
} 
 
.hidden { 
 
    opacity: 0; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class=more>click</div> 
 
<div id="wait"> 
 
    <div id=about 
 
    ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div>

Answer 1

あなたは.animate()にjQueryのドキュメントを参照している場合、あなたはcomplete機能を提供することができることがわかります。

http://api.jquery.com/animate/

完全型：Function（）アニメーション一度に呼び出す関数は、一度マッチした要素ごとに呼び出され、完全 です。