Div的JQuery高度垂直增加大小答案

【问题标题】：JQuery Height of Div to increase in size VerticallyDiv的JQuery高度垂直增加大小
【发布时间】：2010-11-23 12:07:24
【问题描述】：

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

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

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

更新：栏的 CSS：

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

【问题讨论】：

【解决方案1】：

div 将从下到上设置动画，除非您通过底部 css 样式附加它。例如

div {
    position: absolute;
    bottom: 0;
}

然后

$('div').slideUp();

这将动画从上到下

【讨论】：

【解决方案2】：

皮特，

使其绝对定位并给底部一些像素，所以它总是停留在那里

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

}

使这个父 div 相对

【讨论】：