2010-11-23 27 views
0

Je suis en train d'obtenir un div d'augmenter en hauteur mais le déplacement vers le haut au lieu de vers le bas, cela arrive presque chaque seconde (sur un événement en temps réel):JQuery Hauteur de division pour augmenter la taille Verticalement

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

Mais En ce moment, le haut de la boîte reste dans la même position pendant que le bas de la barre descend. Je veux que le bas de la barre reste là où il est pendant que le sommet monte à chaque événement. J'espère que cela a du sens, tout conseil vous aidera à vous remercier!

MISE À JOUR: Le CSS de la barre:

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

avez-vous essayé ??? – kobe

Répondre

1

Le div animerez bas en haut, sauf si vous attachez par le style css bas. Par exemple

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

div { 
    position: absolute; 
    bottom: 0; 
} 

puis

$('div').slideUp(); 

Cela animation à partir du haut vers le bas

+0

Merci cela fonctionnera pour moi :) –

1

Pete,

Faites-en position absolue et de donner le fond un peu pixel, donc il reste toujours là

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

} 

faire ce div parent par rapport

+0

@pete, je viens de donner 2px en bas, pour vous dire qu'il maintient 2px du bas. – kobe