Question

我正在使用GSAP创建基于滚动的动画。我正在为补间创建时间线，然后根据您在设置容器中滚动的距离来更新时间线的进度。我可以通过将CSS值（例如x或y）用于CSS转换属性来创建此效果。我无法访问每个函数中要为其设置动画的元素的动态变量，并且无法将CSS属性设置为通过这些元素进行补间。

我的代码太长，无法在此处复制和粘贴-因此，请为我的问题链接代码笔。

这是我的工作版本：

使用x和y值来补间CSS变换属性可以很好地工作。这是我最后想要的结果。

CODE HERE:
https://codepen.io/ellisclicky/pen/rqPYmw

这是我要使用的版本，我在其中使用HTML元素中的数据属性来确定要设置动画的CSS属性：

我无法访问该变量，也无法弄清原因-我已经在阳光下搜索了所有内容，但找不到任何内容。

CODE HERE:
https://codepen.io/ellisclicky/pen/NOowMx

非常感谢您的帮助。

Answer 1