web-dev-qa-db-fra.com

jQuery Animate top (de bas en haut)

J'essaie d'animer une Div un top:275.

J'ai essayé .animate( {marginTop: -820 } mais sur chaque écran, il se termine à une position différente. . .

J'ai donc changé le marginTop en .animate( {top: 275} mais la div va du haut vers le bas (slidedown). Notez que pour pouvoir utiliser le animate:top, je devais définir la division sur position:absolute pendant l'animation. . .

Y a-t-il un hackyway pour que le haut vienne du bas vers le haut ou pour que le marginTop ait la même distance du haut sur chaque résolution d'écran? (Je suppose que margintop ne peut pas être résolu depuis la mise en marge supérieure à -820 afin d’atteindre un sommet: 275, donc les écrans plus petits que 1200px de hauteur, le div ira beaucoup plus haut ...)

Voici mon code:

$("#features").fadeIn()
            .css({
                position: 'absolute'
            }).animate({
                top: '275'
            }, function() { //callback });
javascriptjquerycssjquery-animate
12
jQuerybeast

Ah trouvé ça !!

$("#features").fadeIn()
.css({top:1000,position:'absolute'})
.animate({top:275}, 800, function() {
    //callback
});

Donc, fondamentalement, j'ai placé le sommet des CSS à la fin à 1 000, puis je l'ai animé à 275, ce qui est en hausse ...

30
jQuerybeast
$( '#features' ).show()
.css( {'opacity': 0, 'bottom': '-100px' } )
.animate( { 'opacity': '1', 'bottom' : 0 }, 1000 );
0
Mani_k