Question

...我已经在网上搜索了答案。我在这个jsfiddle中尽可能地解决了这个问题： https://jsfiddle.net/tko8rk5j/14/

有2个按钮，您点击开始，然后点击提升。我想在 Boost 动画结束后让整个svg回到初始位置，这样你就可以反复播放相同的序列。

我试图在其他帖子中提出各种解决方案：

// tl.pause(0);
// tl.restart();
// tl.remove();

我也尝试使用重复的TimeLineMax，但只是在第一次单击Go按钮后重复第一个动画序列。

Answer 1

我不太确定你最终会做什么（这可能会对我建议制作这种效果的方式产生很大的影响），但是我认为这是一个叉子，可以提供你要求的结果：

你的代码在你的动画甚至有机会运行之前就会跳回到开头。此外，它重新使用相同的时间线并不断添加到它不是非常有效。

要让它回到开头并在完成后立即停止，只需使用onComplete回调，例如：

tl.eventCallback("onComplete", function() {
   tl.pause(0);
});

还有很多其他方法可以做到这一点，但我不想压倒你:)

的专用GSAP论坛上更好地询问您的问题

快乐的补间！