以相對於其父母的動畫屬性

我正在計算將「縮略圖」內的文本相對於其高度（根據媒體寬度而改變）移動的方式。對於TweenMax來說，我似乎不能在數字和一些符號內加引號。 GSAP或簡單的jQuery可以做到這一點嗎？以相對於其父母的動畫屬性

的HTML是如下：

<div class=' blog col-sm-4 col-xs-12'> 
    <div class='thumbnail '> 
    <img src='https://scontent-tpe1-1.xx.fbcdn.net/hphotos-xfa1/t31.0-8/10285836_982461275099969_2229614909304204709_o.jpg' /> 
    <h2>寫字</h2> 
    <p></p> 
    </div> 
</div> 
<--! the other two similar div !-->

和TweenMax在這裏，想通這可能是一個出路計算「.thumbnail」的高度，但不反正工作：

var height = $('.thumbnail').height()/1.5; 
$(".thumbnail").hover(function(){ 
    $(this).children('img').toggleClass('thumbnail-img-hover'); 
    TweenMax.to($(this).children('h2'), 1.5,{y:'-=height'}); 
});

來源

2015-12-15 Hans Liu

不宜高度是沒有'」 '''一樣TweenMax.to（$（本）。兒童（' H2 '），1.5，{Y：' - ='+ height}）;' –

啊！ @GuruprasadRao你真的回答我的問題!!!!!有可能讓你的評論一個答案？ –

由於height是變量，它保存value你不應該把它包裝在' '裏面。下面的變化將得到你所需要的..

TweenMax.to($(this).children('h2'), 1.5,{y:'-='+height});

來源

2015-12-15 03:49:40

以相對於其父母的動畫屬性

回答

相關問題