Je veux une simple diviser pour s'effacer et bouger simultanément. Supposons qu'il y ait une image cachée en haut et lorsque je clique sur un buton, l'image doit venir au centre de la page avec une décoloration en effet.
Mais pour moi, il s'estompe d'abord, puis commence à bouger ... P >
$('#shelf').fadeIn('fast').animate({
'bottom': '54%'
}, 'slow', function() {
// Animation complete.
});
7 Réponses :
Utilisation:
$('#shelf').animate({
'bottom': '54%',
'opacity': 1
}, 'slow', function() {
// Animation complete.
});
'#HELF' est caché au début. J'ai donc besoin de le décolorer en premier. Quoi qu'il en soit, merci pour votre réponse. J'ai fait un coup de vote pour vous
JQUERY CHAKAINS Événements, donc il pense: "Terminer Fadein, puis faire cette animation."
Si vous incluez la fondu dans le code (comme: opacité: 100%; ) dans l'animation, il fera tout à la fois.
Non, cela ne pense pas comme ça, la fonction d'animation n'est pas dans la fonction de rappel de "Fadein". Si cela n'exécute pas simultanément, c'est que Fadein en interne utilise l'animation et il y a donc une commande de file d'attente d'événement FX.
Essayez ceci
@Monsieur. Flint - Veuillez accepter cette réponse si cela vous a aidé merci.
Queue: FALSE est SLICK. Merci pour le conseil.
Meilleure méthode imo
Parce que vous mettez Fadein () d'abord dans la chaîne. Essayez de séparer les deux en deux appels distincts:
C'est la même chose qu'il a. L'animate n'attend pas que Fadein finisse, seulement s'il l'a fait cela importerait: $ ("# étagère"). Fadein ('Fast', fonction () {$ ({$ ({' bas ': '54%'}, 'lent');});
Eh bien, vous l'avez décollé rapidement, mais vous déplaçez lentement. Ils commencent tous les deux en même temps, mais vous remarquez la fonte en premier.
Faites-leur la même chose et ils apparaîtront tous les deux à la fois.
jQuery chaîne les événements et les exécute dans l'ordre, c'est pourquoi le fondu arrive avant l'animation.
Voici un exemple utilisant la propriété de transition CSS3 pour prendre soin de l'animation.
$('#shelf')..fadeTo(2000, 1).animate({
'bottom': '54%'
}, {duration: 'slow', queue: false}, function() {
// Animation complete.
});
Supprimer un point devant Feadto