动态左侧的GreenSock javascript动画

Iam trying to create quite complex animation in GreenSock and I really need persist / dynamic left css animation, I try several things like array with offsets, function (with current context) instead of value, but it seems they don't accept it...

我正在尝试用GreenSock创建非常复杂的动画，我真的需要持久化/动态的左css动画，我尝试了一些东西，比如带有偏移量的数组，函数(与当前上下文)而不是值，但是看起来他们不接受它……

As you can see later on fiddle, problem is in this part of code:

正如后面的fiddle一样，问题出现在代码的这一部分:

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

Here is demo on fiddle http://jsfiddle.net/v4z3gm7q/4/. It much more simplier than what i really want, but it shows problem well.

下面是对小提琴http://jsfiddle.net/v4z3gm7q/4/的演示。它比我真正想要的要简单得多，但是它很好地显示了问题。

1 个解决方案

#1

You should change the syntax to

您应该将语法更改为

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

When you are tweening an array of elements use staggerTo like:

当你对一组元素进行渐变时，你会惊奇地发现:

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

1 个解决方案

#1

更多相关文章

随机推荐