2012-01-22 3 views
1

だけで使用することによって達成することができます(100%要素の高さ)をダウンアニメーション要素の元の高さの100%になり、ロールダウンします。これを行う簡単な方法があるのだろうかと思います。おそらくマージントップなどを変更してから、通常の状態に戻してアニメーション化すること以外は、私はそれだけで、自動的にすべての計算を行う持っていると思いますし、それがページの下部にだと私ならば、それはページの中央に表示されていないが http://jsfiddle.net/7dary/1/はjqueryの私が何をしたいのか

私が何をしたいの例個人的に-200pxなどを割り当てます。

答えて

4

ソリューション:

var $element = $("#itemToSlide"); // make sure its visible 
var height = $element.height(); // get the height when its populated 
$element.css({marginTop:height*-1}); // set it to 0 with an overflow hidden 

// trigger the animate now or later in an event 
$element.show().animate({marginTop:0},2200); 

リンク:http://jsfiddle.net/MattLo/7dary/2/

+0

おかげで、しかし、あなたがオフに開始すること、およびビュー –

+0

更新、目に見えるに押し込むことだけでなく、それは目に見えないことが必要であり、それが見えるようにする必要がありますと言います望ましくないクロスブラウザーの問題を引き起こす可能性があります。 –

+0

これは私が探している効果であり、あなたが例を示したものではありません。 http://jsfiddle.net/7dary/1/ これはうまくいきますが、私は自動的にこれを行ういくつかの方法があり、1:高さが異なるため、自分で余白を変更する必要はないと考えていましたインスタンスごとに、2:ほとんどの場合、-200pxはページの途中などで使用されます。 –

関連する問題