JQuery Div 高度垂直增加尺寸

发布于 2024-10-03 12:53:31 字数 335 浏览 3 评论 0原文

我试图让 div 增加高度,但向上而不是向下移动,这种情况几乎每秒都会发生(在实时事件中):

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

但是现在,框的顶部保持在相同的位置,而栏的底部则移动向下。我希望条形图的底部保持在原来的位置,而顶部则随着每个事件而向上移动。我希望这是有道理的,任何建议都会有所帮助,谢谢!

更新:栏的 CSS:

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

I am trying to get a div to increase in height but moving upwards instead of downwards, this happens almost every second (on a realtime event):

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

But right now the top of the box stays in the same position while the bottom of the bar goes down. I want the bottom of the bar to stay where it is while the top moves up with each event. I hope this makes sense, any advice would help thank you!

UPDATE: The CSS of the bar:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

爱人如己 2024-10-10 12:53:31

div 将从下到上进行动画处理,除非您通过底部 css 样式附加它。例如

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

div {
    position: absolute;
    bottom: 0;
}

那么

$('div').slideUp();

这将从顶部到动画底部

The div will animate bottom to top unless you attach it by the bottom css style. For example

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

div {
    position: absolute;
    bottom: 0;
}

then

$('div').slideUp();

This will animate from the top to the bottom

寒冷纷飞旳雪 2024-10-10 12:53:31

Pete,

让它绝对定位并给底部一些像素,所以它总是呆在那里,

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

}

使这个父div相对

Pete ,

Make it position absolute and give the bottom some pixel, so it always stays there

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

}

make this parent div relative

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文