このjQueryアニメーション機能をボトムツートップで動作させるにはどうすればよいですか？

Question

私はここのコードだ、Zoomer.jsでアニメーション機能のためのJSを編集しようとしました：

$('.title').animate({marginLeft:'2px',marginTop:'65px'},d.speedTitle).css({'z-index':'10','position':'absolute','float':'none'})}}},function(){$(this).css({'z-index':'0'}); 
$(this).find('img').removeClass("hover").stop().animate({marginTop:'0',marginLeft:'0',top:'0',left:'0',width:'100px',height:'100px',padding:'0px'},d.speedRemove);$(this).find('.title').remove()})}}})(jQuery); 

私は下からではなく、上からアニメーション化する小さな赤い箱のための希望下。 marginTop： '65px'をmarginBottom： '35px'に変更するのと同じくらい簡単だと思ったが、これはやっていない。

私はposition：absoluteレンダリングを使ってmarginBottomを無効にしましたが、私が他の位置を使用すると、エフェクトが壊れます。これが正しければ、回避策はありますか？これが間違っていたら、どこが間違っているのか教えてください。

誰もが時間と入力を感謝します。

ありがとうございました！

Answer 1

あなたの要素が絶対的に配置されているので、あなたはそのbottomプロパティをアニメーション化することができますが：

$(".title").animate({ 
    marginLeft: "2px", 
    bottom: "35px" 
}, d.speedTitle);