2011-11-06 9 views
12

私はディビジョンa top:275をアニメートしようとしています。jQuery Animateトップ(下から上へ)

私は.animate({marginTop: -820 }を試しましたが、それぞれの画面では異なる位置に終わります。 。 。

だから、marginTopを.animate({top: 275}に変更しましたが、divは上から下に(滑り台)から来ています。アニメーション中にposition:absoluteにdivを設定しなければならなかったので、animate:topを使用できることに注意してください。 。 。

トップをボトムアップから作成するか、余白を作るためのハッキーがありますか?トップは各画面解像度でトップから同じ距離にありますか?(私はmarginintopは上の点で取得するために-820に設定されているので、解決できないと仮定します:275、したがって画面は1200pxの高さよりも小さく、divはずっと高くなります...)

ここに私のコード:

$("#features").fadeIn() 
      .css({ 
       position: 'absolute' 
      }).animate({ 
       top: '275' 
      }, function() { //callback }); 

答えて

29

ああそれが見つかりました!

$("#features").fadeIn() 
.css({top:1000,position:'absolute'}) 
.animate({top:275}, 800, function() { 
    //callback 
}); 

だから基本的に私は1000年に、それから、最大で275にそれをアニメーション非常に...

+1

1 fanksを終了ビースティでCSSからトップを設定しました!私は、ダイアログをslideDown()とは別の方法でスライドさせる必要がありました。私は使用しました: \t \t 'var height = $ dialog.outerHeight(); \t \t $ dialogPane.show() \t \t \tの.css({トップ:高さ* -1}) \t \t \t .animate({トップ:-1}、400、関数(){ \t \t \t \t //コールバック \t \t \t}); ' – Evildonald