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

相对于其父

1 个答案: