Div的JQuery高度在垂直方向上增加

Question

我试图让div增加高度但向上移动而不是向下移动，这几乎每秒都发生一次（在实时事件中）：

 height++;
 $("#bar").height(height);

但是现在，当栏的底部下降时，盒子的顶部保持在相同的位置。我希望酒吧的底部保持原位，而顶部随着每个事件向上移动。我希望这是有道理的，任何建议都会有所帮助，谢谢你！

更新：栏的CSS：

#bar
{
 width:20px;
 height:0px;
 display: block;
 background-color: blue;
}

Answer 1

除非您通过底部css样式附加div，否则div { position: absolute; bottom: 0; } 将动画从下到上。例如

http://jsfiddle.net/robert/BWwyf/

$('div').slideUp();

然后

{{1}}

这将从顶部到底部动画

Answer 2

皮特，

使其位置绝对并给底部一些像素，因此它始终保持在那里

#bar
{
 width:20px;
 display: block;
 background-color: blue;
 position:absolute;
 bottom:2px;

}

使这个父div相对