如果我宣布yoyo为true，则Tweenmax kill无效

Question

我试图停止动画，我有一些重复的动画与图像，我已经使用yoyo true.it不杀死function.how来完成它。

<script>
  var imgAnimation;
  imgAnimation=TweenMax.to(".img", 2, {
             top: '330px',
             repeat: -1,
             yoyo: true,
     });

 $("#imganim").click(function(){
     imgAnimation.kill();
 });

</script>
<button id="imganim">click to stop animation</button>

Answer 1

下面是您的代码工作的示例，当您单击按钮kill（）时，动画将停止。

工作示例：http://codepen.io/jonathan/pen/pjuan

我的示例在撰写本文时使用了最新版本的GSAP 2.2.2

确保您使用的是CDN的最新版GSAP ..

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script>

要获取最新的CDN链接，请转到https://greensock.com/gsap，然后单击导航中的“下载”按钮链接。

希望这可以帮助！ :)