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

Question

我想使用纯 JavaScript 和 GSAP 将 y 位置的值增加 10 个像素。我该怎么办？

这是我尝试过的:请在这里检查我的代码笔: https://codepen.io/dada78/pen/8730bb1cc24a57c8da205e3439a6ad3c

    <div id="txt1Holder">
      <div class="mask">GO WHERE</div>
      <div class="mask">GO WHERE</div>
      <div class="mask">GO WHERE</div>
      <div class="mask">GO WHERE</div>
      <div class="mask">GO WHERE</div>
      <div class="mask">GO WHERE</div>
    </div> 


    var rows = document.querySelectorAll('.mask');
    var tl = new TimelineMax();


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

谢谢您的建议!

Answer 1

我不太确定你想要实现什么目标。主要问题是您的 for 循环有点格式错误。应该是这样的:

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

Demo

附注您更有可能在 the GSAP forums 上获得更快的响应比这里:)