2012-03-30 6 views
0

Aus irgendeinem Grund, ich habe ein Problem mit einem slidedown, die auch auf ein Element am Ende der Animation zu ‚springen‘ scheint, die Höhe und keine Polsterung oder Ränder festgelegt hat.jQuery slidedown mit Lockerung - springt sogar mit fester Höhe und Breite, ohne Polsterung?

Ich stelle mir vor, es zu der Lockerung zurückzuführen sein kann, aber was andere Beschleunigungsfunktion eine Kiste nach unten schnell auf den ersten gleiten und langsam am Ende glatt nach unten?

$('#hello').delay(200).slideDown({ 
    duration: 1000, 
    easing: 'easeOutExpo' 
}); 

JSBIN: http://jsbin.com/iqepiw

+1

Wenn Sie die 'Lockerung entfernen:‚easeOutExpo'' es mir –

Antwort

0

Entfernen Sie einfach die easing: 'easeOutExpo' als es funktioniert wie Sie wollen.

$(document).ready(function(){ 
$('#hello').delay(200).slideDown({ 
    duration: 1000 
}); 
}); 
+0

Ja schön aussieht, aber dies die Lockerung Wirkung Ich will nicht erreicht werden: schnell auf dem ersten, am Ende langsam. – waffl

+0

fand ich eine andere Art und Weise, diesen Effekt zu tun können Sie '$ ('# Hallo') Verzögerung (200) .animate ({ Höhe: "70" }, 1500, "easeOutExpo", function() {}) verwenden. ; 'Sie müssen nur die' Display herausnehmen: none; 'und' Höhe ändern: 70px; 'auf' Höhe: 0 ', wenn dies hilft, bitte meine Antwort akzeptieren. –

Verwandte Themen