0

我希望在文本元素上创建特定的动画效果,但对 GSAP 来说是新手,我可以使用一些帮助。

我有一系列引号需要在我的 vue 应用程序上显示和制作动画。引号列表需要进行动画处理,以便每个引号从屏幕顶部滚动到循环底部。随着新引号的添加,引号数组将变大。

到目前为止,我已经能够获得整个报价列表以在屏幕上显示动画,但这并不是我想要的。我制作了一个代码笔,显示了我当前所在位置的代码:https ://1fj5k.csb.app/

将列表作为一个整体进行动画处理的问题在于,每个引用都没有正确地循环回页面顶部。正如您在下图中看到的,当列表到达屏幕的大约一半时,列表上方还有一堆空白区域。我想让已经离开屏幕底部的引号在屏幕顶部重新出现,所以它是一个连续的引号循环,它们之间没有空格。

我想我需要为每个引用而不是引用列表制作动画,但我不确定从哪里开始。

在此处输入图像描述

这就是引号应该如何循环回到顶部:

在此处输入图像描述

4

0 回答 0