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

你没有在CSS中设置一个top值，所以你将auto为0 ，这不起作用。 但是你确实设置了一个bottom值，所以改为：

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

小提琴