jQueryのアニメーション：固定のdiv

Question

http://jsfiddle.net/HLw9U/

文書負荷のアニメーションを元に戻す持つ問題、フッターが先頭にスライドします。

ドキュメントをクリックすると、フッターが下にスライドするようにしたいと思います。

しかし、悲しいかな、それは一番上にとどまります。

ここではどんなトリッキーが起こっていますか？

編集：追加されたコード

function slide_footer_to_top(){ 
    $j(".footer").animate({ 
     opacity: 0, 
     bottom: "20%", 
    }, 200, function(){ 
     // finished 
    }).animate({ 
     opacity: 1, 
     top: "0%", 
    }, 600, function(){ 
     // finished 
    }); 
} 

function slide_footer_to_bottom(){ 
    $j(".footer").animate({ 
     opacity: 0, 
     top: "inherit", 
     bottom: "100%", 
    }, 300, function(){ 
     // finished 
    }).animate({ 
     opacity: 1, 
     top: "inherit", 
     bottom: "0%", 
    }, 500, function(){ 
     // finished 
    }); 

Answer 1

あなたが同時にトップとボトム値を設定している - トップ値は任意のボトム値をオーバーライドして、divが上にとどまります。トップ値

function slide_footer_to_bottom(){ 
    $j(".footer").animate({ 
     opacity: 0, 
     top: "90%", 
    }, 300, function(){ 
     // finished 
    }).animate({ 
     opacity: 1, 
     top: "90%", 
    }, 500, function(){ 
     // finished 
    }); 

または設定解除：

$j(".footer").css('top', ''); 

のようなものを試してみてください