для анимации свойств относительно их родителя

Question

Я выясняю способ перемещения текста внутри «миниатюры» относительно его высоты, которая изменяется в зависимости от ширины носителя. Для 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'}); 
}); 

Answer 1

С height переменная, которая содержит value, вы не должны ее обертывать ' '. Ниже изменения получите то, что вам нужно ..

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