带动态左键的GreenSock javascript动画

带动态左键的GreenSock javascript动画,javascript,css,gsap,Javascript,Css,Gsap,我试图在中创建相当复杂的动画,我真的需要持久/动态左css动画,我尝试了一些事情,比如带偏移量的数组,带当前上下文的函数,而不是值,但他们似乎不接受它 正如您稍后在fiddle中看到的,问题在于代码的这一部分: /** Switch items */ tl.to(elArray[left], 1, { left: elArray[right].offset().left }); tl.to(elArray[right], 1, { left: elArray[left].offset().lef

我试图在中创建相当复杂的动画,我真的需要持久/动态左css动画,我尝试了一些事情,比如带偏移量的数组,带当前上下文的函数,而不是值,但他们似乎不接受它

正如您稍后在fiddle中看到的,问题在于代码的这一部分:

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

这是小提琴上的演示。它比我真正想要的要简单得多,但它很好地显示了问题。

您应该将语法更改为

tl.to(elArray[left], 1, { css:{left: elArray[right].offset().left + "px" }});
tl.to(elArray[right], 1, { css:{left: elArray[left].offset().left + "px" });
当您在一组元素之间穿行时,请使用以下命令:

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