Javascript Girl
  1. Javascript Girl
  3. TweenLite ne s'anime pas
Intereting Posts
Quand utiliser des étiquettes @ angulaires dans Angular 2? Événement d'incendie à un certain moment du jour Comment trouver des mots commençant par une lettre spécifique? Styling MarkerClusterer Icons? Comment définir le prototype d'un objet JavaScript qui a déjà été créé? Utilisation de setDate avec jQueryUi datepicker Redirection vers une URL absolue en angularjs Rediriger avec les données POST JQuery $ .ajax (), transfère les données de réussite dans une fonction distincte Comment puis-je utiliser JavaScript sur le côté client pour détecter si la page a été cryptée? Comment passer la variable JS à php? Comment changer la propriété href du lien HTML dynamiquement Comment puis-je détecter correctement les changements d'orientation en utilisant javascript et Phonegap dans IOS? AngularJS vs (AnguarJS + jQuery) Trouble Google Maps: fermeture et passage par référence

TweenLite ne s'anime pas

J'essaie de faire une simple animation de la marge supérieure en utilisant GreenSocks TweenLite pour Javascript. J'ai utilisé la bibliothèque plusieurs fois mais, pour une raison quelconque, ça ne fonctionne pas cette fois. Remarque: Le "surchargé" déclenche, mais peu importe l'élément que j'utilise, je ne peux pas animer les propriétés CSS sur les éléments HTML.

HTML 

<div id="GS_PipelineHeadline h2"></div>

JAVASCRIPT 

 TweenLite.to("#GS_PipelineHeadline h2", 0.5, { "margin-top": 0, ease: "Back.easeOut", onComplete: function () { console.log("Crap"); } });

Voici un JSFiddle rapide que j'ai créé qui inclut tous les CSS, JS et HTML. Http://jsfiddle.net/mBPug/

Si quelqu'un a des idées, je l'apprécierais!

Quelques choses:

  • Ajoutez le plugin CSS à votre violon
  • "margin-top" ne va pas faire beaucoup, utilisez le top place

. 

 TweenLite.to("#GS_PipelineHeadline", 0.5, { top: 0, ease: Back.easeOut, onComplete: function () { console.log("Crap"); } });

http://jsfiddle.net/mBPug/4/