带动态左键的GreenSock javascript动画
我试图在中创建相当复杂的动画,我真的需要持久/动态左css动画,我尝试了一些事情,比如带偏移量的数组,带当前上下文的函数,而不是值,但他们似乎不接受它 正如您稍后在fiddle中看到的,问题在于代码的这一部分:带动态左键的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
/** 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"} });