jQuery .animate () Problèmes
-
20-08-2019 - |
Question
J'essaie de créer une fonction semblable à un défilement automatique / carrousel pour une liste non ordonnée d'images.
Lorsque vous passez la souris sur la div qui le contient, vous appelez une fonction qui consiste à animer la marge du <ul>
$(".thumbs").animate({"margin-top": (currentMargin - 10) + "px"}, function(){
console.log("margin-top" + (currentMargin - 10) + "px");
running=false;
});
Je vois la valeur correcte de ce que je veux dans le journal, c’est-à-dire que l’animation pense qu’elle est terminée ... mais rien ne change sur ma div.
Quelqu'un at-il une idée de ce qui pourrait empêcher la fonction d'animation de fonctionner comme prévu?
Merci
La solution
essayez d’utiliser " marginTop " au lieu de " marge supérieure " ;. Normalement, lorsque vous utilisez les accessoires CSS en tant que & "; Frontière-quelque chose &"; ou " margin-quelque chose " est préférable d'utiliser le " normalisé & "; version de celui-ci, comme vous le faisiez dans DHTML (styles.marginTop).