2010-11-23 13 views
0

私は高さに増加するdiv要素を取得しようとしているが、上向きの代わりに下向きの移動していますが、これは(リアルタイムのイベントに)ほとんど毎秒起こるサイズの増加に:jQueryの高さは、縦

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

しかし、今すぐバーの下部が落ちている間、ボックスの上部は同じ位置にとどまります。それぞれのイベントでトップが上に移動している間は、バーの下端をそのままにしておきたい。私はこれが理にかなったことを願っています。どんな助言もありがとう!

UPDATE:バーのCSS:あなたは下のCSSスタイルによってそれを添付しない限り、

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

あなたがしようとした相対的なこの親divの??? – kobe

答えて

1

divトップに下をアニメーション化します。

$('div').slideUp(); 

例えば、その後

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

div { 
    position: absolute; 
    bottom: 0; 
} 

これは

が、それは絶対位置確認し、下

+0

これは私のために働くありがとうございました:) –

1

ピート上からアニメーションと下部にいくつかを与えますピクセルなので、常にそこにとどまる

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

} 

メイク

+0

@pete、私はちょうど2pxの底を与え、あなたが底から2pxを維持することを伝えます。 – kobe