jquery - CSS jquery使用像素从底部到顶部移动一个div

Question

嘿，我有一个 JSFiddle，我一直在努力让它从下到上动画，而不是它目前正在做的，从上到下。

这将用作图像前面筹款金额的动画​​条形图，该条形图将代表他们到目前为止筹集的美元金额。

jsfiddle 在这里:http://jsfiddle.net/kboucher/YDruG/

任何帮助都会很棒!!!

更新

HTML代码:

<a href="#" id="button">View 100 (out of 500)</a>

<div id="barGraph-container">
    <div id='barGraph'></div>
</div>​

JS:

$('#button').click(function(){
    $('#barGraph').animate({height:'72px'}, 500);
});

CSS:

#barGraph-container {
    height: 200px;
    position: relative;
}
#barGraph {
    height: 200px;
    width: 50px;
    background-color: #000;
    position: absolute;
    bottom: 0;
}​

Answer 1

尝试在条形图周围放置一个容器，并使用绝对定位将其锚定到容器底部。

像这样:http://jsfiddle.net/kboucher/YDruG/