javascript - 带有动态左的GreenSock javascript动画

Question

我正在尝试在 GreenSock 中创建相当复杂的动画我真的需要持久/动态左 css 动画，我尝试了一些东西，比如带偏移量的数组、函数(使用当前上下文)而不是值，但他们似乎不接受它......

正如您稍后在 fiddle 上看到的，问题出在这部分代码中:

/** Switch items */
tl.to(elArray[left], 1, { left: elArray[right].offset().left });
tl.to(elArray[right], 1, { left: elArray[left].offset().left });

这是关于 fiddle 的演示 http://jsfiddle.net/v4z3gm7q/4/ .它比我真正想要的要简单得多，但它很好地显示了问题。

Answer 1

您应该将语法更改为

tl.to(elArray[left], 1, { css:{left: elArray[right].offset().left + "px" }});
tl.to(elArray[right], 1, { css:{left: elArray[left].offset().left + "px" });

当你补间元素数组时使用 staggerTo 像:

tl.staggerTo([elArray[left], elArray[right]], 0.4, { css:{top: "10px"} });