0

jqueryを使用して垂直バーをアニメーション化していますが、上から下に移動しますが、下から上に必要です。

これはバーの css です:

.progress_bar_cal{
height:0px;
width:24px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:url(../img/grow.jpg);
margin-right:1px;
margin-top:2px;
}

そして、これはjqueryです：

$('.progress_bar_cal').each(function(){
    var percent = $(this).attr('title');
    $(this).animate({height : percent},1000);   
});

それを機能させる方法についてのアイデアはありますか？

ありがとう！

4

2 に答える 2

1

要素の内側にある場合.progress_bar_calは、バーが下から上に拡大するのが見えるはずですposition: absolutebottom : 0position: relative

于 2012-06-08T14:52:36.023 に答える
0

要素を下から開くようにしたい場合は、要素の絶対下に配置する必要があります。

<div id="container">
    <div class="slideMe"></div>
</div>

次の行に沿ったスタイリング:

#container {
    position: relative;
    height:   300px;
}
.slideMe {
    position: absolute;
    bottom:   0;
    display:  none;
}

フィドル: http://jsfiddle.net/jonathansampson/nCGYD/

于 2012-06-08T14:51:52.343 に答える