javascript - TweenLite 没有动画

Question

我正在尝试使用适用于 Javascript 的 GreenSocks TweenLite 制作顶部边距的简单动画。我已经多次使用该库，但出于某种原因，这次它不起作用。注意:“onComplete”正在触发，但无论我使用什么元素，我都无法为 HTML 元素上的任何 CSS 属性设置动画。

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"); 
    } 
});

这是我创建的一个真正快速的 JSFiddle，其中包括所有 CSS、JS 和 HTML。 http://jsfiddle.net/mBPug/

如果有人有任何想法，我将不胜感激!

Answer 1

一些事情:

• 添加CSS plugin给你的 fiddle
• "margin-top" 不会做太多，使用 top 代替

.

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

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