jqueryで1つのアニメーション

Question

私は別のアニメーションをやろうとしています。したがって、最初のアニメーションが完了するまで、2番目のアニメーションが機能します。今、最初のアニメーションだけが動作します。

<script> 

$(document).ready(function() { 

$('.white-area-comments').animate({ 
scrollTop: $('.white-area-comments').prop('scrollHeight') 
}, 800); 


$('#your-rank').fadeIn('slow'); 
}); 
</script> 

Answer 1

署名を参照してください。アニメーションが完了したときにそれを呼び出す.animate(properties \[, duration \] \[, easing \] \[, complete \])です。

$('.white-area-comments').animate({ 
    scrollTop: $('.white-area-comments').prop('scrollHeight') 
}, 800, function() { 
    $('#your-rank').fadeIn('slow'); 
}); 

Answer 2

あなたはアニメーションが、それが完了しています一度解決しますPromiseを返すことができます：

$('.white-area-comments') 
    .animate({ ... }, 800) 
    .promise() 
    .done(function() { 
     $('#your-rank').fadeIn('slow'); 
    }); 

は、アニメーションのためにDocumentation