循环主控或场景并恢复元素的原始位置

Question

我尝试无限循环一个完整的 header 动画，但我就是无法让它工作： https://codepen.io/Sixl/pen/jwXGqd

我试着像这样循环大师：

var master = new TimelineMax({repeat:-1});

然后我在我正在使用的单个场景上尝试了相同的解决方案：

  function sceneOne() {
    var tl = new TimelineMax({repeat:-1});

我还尝试了几种解决方案 oncomplete 回调。

我终于用

做了一些实验

timeline.seek(0).pause();
timeline.pause(0); //shortcut for the line above
timeline.progress(0).pause();
timeline.totalProgress(0).pause();
timeline.restart(0).pause();

在我的场景中。没有帮助。

有人能指出我正确的方向吗？我在我的代码中找不到任何错误。

Answer 1

导致问题的是 entry_heroes 部分，因为它本身有一个 repeat: -1，这意味着该部分永远不会结束，因此整个时间线永远不会结束，因此不会重复。

循环主控或场景并恢复元素的原始位置

Looping Master or Scene and restoring original position of elements

gsap