2011-02-08 11 views
0

jQueryのhide( 'slow')/ show( 'slow')アニメーションの方向をどのように変更しますか?デフォルトでは、フェージングと左上から/へのスライドを組み合わせて使用​​します。ボトムセンターやその他の任意の方向にスライドするにはどうしたらいいですか?JQueryアニメーションを別の方向から表示

ボトムの中央にスライドする変更された非表示(「スロー」)の例では、私は$(el).animate({opacity:0, height:0, marginBottom:0})を試みましたが、これはうまくいかないようです。

答えて

1

その点までアニメーション化される理由は、要素が左上の点によって相対的に配置されているためです。ボトムの中央にアニメートするには、絶対配置された要素が必要です。その効果を得るには、高さ、幅、下端、左端のプロパティをアニメーション化する必要があります。

+0

ありがとう、それは正確でした。単純に底を設定する:0;私のCSSでは、jQueryの使用法を変更することなくその効果を達成しました。 – Cerin