TweenLite js不是動畫高度

我剛剛嘗試過TweenLite，我瘋了，因爲我從網站上覆制了代碼，但是我無法將其設置爲動畫效果。TweenLite js不是動畫高度

CSS

.box{ 
    width: 100px; 
    height: 300px; 
    background-color: red; 
}

HTML

<div class="box"></div>

setTimeout(function(){ 
     var target = $('.box'); 
     console.log("box = ", target); 
     TweenLite.to(target, 1, {css:{height:"0px"}}); 
    },2000);

也試過沒有CSS。

setTimeout(function(){ 
     var target = $('.box'); 
     console.log("box = ", target); 
     TweenLite.to(target, 1, {height:0}); 
    },2000);

是的，我有一個jquery文檔就緒方法的JS。我也加載了TweenLite.js。任何人都知道我錯過了什麼。

來源

2013-07-02 Chapsterj

不確定您的設置到底發生了什麼，但代碼對我來說工作正常。這裏有一個codepen：

http://codepen.io/GreenSock/pen/9e7c951949caa10b928d929378947f01

我簡化了代碼有點過了，雖然你使用的長手的風格是精緻。您不需要使用setTimeout（）來延遲啓動 - 只需使用「延遲」特殊屬性即可。

TweenLite.to(".box", 1, {height:0, delay:2});

我不知道是否可能jQuery或GreenSock JavaScript文件不加載在您的特定設置。如果您仍然遇到問題，請將鏈接發佈到簡單的codepen或jsfiddle，然後我們會對其進行窺視。

來源

2013-07-03 00:20:35 Jack

問題是我需要加載cssPlugin才能得到TweenLite.to（target，1，{css：{height：「0px」}}）;上班。感謝您答覆答案 – Chapsterj

TweenLite js不是動畫高度

回答

相關問題