webentwicklung-frage-antwort-db.com.de

jQuery Animate oben (Von unten nach oben)

Ich versuche, einen Div top:275 zu animieren.

Ich habe .animate( {marginTop: -820 } ausprobiert, aber auf jedem Bildschirm landet er an einer anderen Position. . .

Also habe ich die marginTop in .animate( {top: 275} geändert, aber das div kommt von oben nach unten (slidedown). Beachten Sie, dass ich den animate:top verwenden kann. Ich musste das div während der Animation auf position:absolute setzen. . .

Gibt es einen Hackyway, um die Oberseite von unten nach oben kommen zu lassen oder die MarginTop auf jeder Bildschirmauflösung den gleichen Abstand von oben haben zu lassen? (Ich gehe davon aus, dass Margintop nicht gelöst werden kann, da der Rand oben auf -820 gesetzt wird, um an einen Punkt von oben zu gelangen: 275, daher Bildschirme mit einer Höhe von weniger als 1200px, das Div wird viel höher gehen ...)

Hier ist mein Code:

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

Ah hab es gefunden !!

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

Also im Grunde habe ich die Spitze von css ganz am Ende auf 1000 gesetzt und sie dann auf 275 animiert, was hoch ist ...

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