Javascript 如何使用GSAP和普通JS为div的子级增加值？

我想使用普通Javascript和GSAP将y位置的值增加10个像素。我该怎么办

这就是我尝试过的： 请在此处检查我的代码笔：

去哪里
去哪里
去哪里
去哪里
去哪里
去哪里
var rows=document.querySelectorAll（'.mask'）；
var tl=新的TimelineMax（）；
对于（i=1；i

---

谢谢你的建议

我不太确定你想要达到什么目的。主要问题是您的

for

循环有点不正确。应该是这样的：

for (i = 1; i < rows.length; i++) {
  tl.set(rows[i], {y:i * 10});
}

for（i=1；i

---

另外，你很可能会比这里得到更快的响应：）

我不太确定你想要实现什么。主要问题是您的

for

循环有点不正确。应该是这样的：

for (i = 1; i < rows.length; i++) {
  tl.set(rows[i], {y:i * 10});
}

for（i=1；i

---

另外，你很可能会比这里得到更快的响应：）

我也不确定你想要实现什么，但感觉像。交错法会帮助你。它基本上会遍历你所有的目标元素，然后做你喜欢的任何事情——一个接一个，或者一次完成

这是一个简单的演示

如果你需要任何帮助，尽管我需要知道更多关于做这件事所需效果的信息，但请随意询问

---

干杯

我也不确定你想要实现什么，但感觉像。交错法会帮助你。它基本上会遍历你所有的目标元素，然后做你喜欢的任何事情——一个接一个，或者一次完成

这是一个简单的演示

如果你需要任何帮助，尽管我需要知道更多关于做这件事所需效果的信息，但请随意询问

---

干杯

谢谢扎克！这正是我想要实现的。我用这个更新了我的代码笔，但是我的第二个问题是如何将所有txt类的出现次数减少10px。如果你看一下代码笔，只有第一个txt元素的位置是-10px，而下面的位置是-9，然后是-8等等。我需要使用什么逻辑才能使它减少10px，这样它就变成txt（1）=-10px，txt（2）=-20px，txt（3）=-30px等等？非常感谢。你的逻辑在钢笔里是正确的。10px只是没有那么多：）你可能想要在

txt1Holder

上有一个更大的高度（或者移除它的

溢出：隐藏；

），这样你就可以看到页面下方的文本。谢谢Zach，我已经在代码笔中反映了你修改过的循环，但是在递减部分可能不清楚，我希望.txt元素的值减少10px（参见上面的屏幕截图）。目前只减少了1倍。谢谢@Zach@user2163224请不要编辑您的问题以更改问题的性质。如果你需要额外的帮助，你应该开始一个新的问题。但正如我在最后一条评论中所说的，只需改变数字，使其更大。它正在工作。谢谢扎克！这正是我想要实现的。我用这个更新了我的代码笔，但是我的第二个问题是如何将所有txt类的出现次数减少10px。如果你看一下代码笔，只有第一个txt元素的位置是-10px，而下面的位置是-9，然后是-8等等。我需要使用什么逻辑才能使它减少10px，这样它就变成txt（1）=-10px，txt（2）=-20px，txt（3）=-30px等等？非常感谢。你的逻辑在钢笔里是正确的。10px只是没有那么多：）你可能想要在

txt1Holder

上有一个更大的高度（或者移除它的

溢出：隐藏；

），这样你就可以看到页面下方的文本。谢谢Zach，我已经在代码笔中反映了你修改过的循环，但是在递减部分可能不清楚，我希望.txt元素的值减少10px（参见上面的屏幕截图）。目前只减少了1倍。谢谢@Zach@user2163224请不要编辑您的问题以更改问题的性质。如果你需要额外的帮助，你应该开始一个新的问题。但正如我在最后一条评论中所说的，只需改变数字，使其更大。它正在工作。

.staggerTo(rows,1,{y:'-=10'},0.4)
// 0.4 is time between each animation
// you can also use '+=10' or '-=10' to add or subtract a value from current value