jQuery的動畫DIV不工作

Question

我有這樣的jsfiddle：
http://jsfiddle.net/uM68j/

當我點擊從一個鏈接，酒吧應滑落到頂部，但它是做什麼只是跳躍到頂部，而不是動畫。我怎樣才能讓它變成動畫？

我認爲它實際上是導致這個CSS：

JS：

$(".nav-bar div, .nav-bar div a").click(function() { 
    $(".nav-bar").animate({ 
     top: "0" 
    }, "fast"); 
    return false; 
}); 

CSS：

.nav-bar { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    height: 100px; 
    background: #ededed; 
} 

Answer 1

您have'nt設置在CSS中top值，所以你的動畫從auto到0，這不起作用。但是你沒有設置一個bottom值，所以動畫效果來代替：

$(".nav-bar div, .nav-bar div a").click(function() { 
    $(".nav-bar").animate({ 
     bottom: $(window).height() - 100 
    }, "fast"); 
    return false; 
}); 

FIDDLE