Animation JQuery: Est-il possible de changer de vitesse pendant l'animation?

Question

Je veux déplacer une div vers le bas d'une page, et je veux qu'elle ralentisse lorsqu'elle atteint la cible.

J'ai essayé avec rappel avec func récursif, mais il ne semble pas lisse:

function MovePanel() { 
    sidePanel.animate({ 
     "marginTop": newCurrTop 
    }, moveSpeed, function() { 
     MovePanel(); 
    }); 
} 

Est-il possible de ralentir une animation JQuery?

Si non quelles sont les alternatives?

Merci.

Answer 1

La méthode animate prend un 3e param appelé "easing"; apprendre à ce sujet ici:

http://api.jquery.com/animate/

Answer 2

Vous pouvez vérifier cela: http://www.learningjquery.com/2009/02/quick-tip-add-easing-to-your-animations

Easing peut vraiment donner vie à un effet . L'accélération permet de contrôler la progression d'une animation au cours du temps de en manipulant son accélération.