jQueryのアニメーションの問題

Question

私は何をしようとしているのは、画面の中央にロゴを入れてから、3秒後に画面の上部にアニメーションを表示し、残りのコンテンツをフェードインさせます。

ここで

私のjQueryのコードは次のとおりです。

<script type="text/javascript" charset="utf-8"> 
     $(document).ready(function() { 
      $('#slider-wrapper').hide(); 
      $("#logo").animate({ 
       bottom:'+=250px' 
       }, 1500); 
      $('#slider-wrapper').fadeIn(2000); 
      $('#slider').nivoSlider(); 
     }); 
</script> 

だから、スライダー-ラッパーは（現時点では）私がフェードインするコンテンツの全てである

誰もがこれまで問題を考えることができますか？現時点では、ロゴイマイチが全く動いて...

Answer 1

はそうtop、bottom、leftとrightスタイル属性は効果がありません、あなたのlogoはabsolute、relativeまたはfixed位置を持っていることを確認してください。また

、あなたが望むためにそれが起こる持っている、あなたはこのように、（アニメーションが完了したときに、それが実行されます）.animate()コールバックでフェードを実行する必要があります。

$('#slider-wrapper').hide(); 
$("#logo").animate({ bottom:'+=250px' }, 1500, function() { 
    $('#slider-wrapper').fadeIn(2000); 
});