如何在玩TimelineMax(GSAP）后重置原始位置

How to reset original positions after playing in TimelineMax (GSAP)

本文关键字：原始 位置 GSAP TimelineMax      更新时间：2023-09-26

我正在这样播放我的动画，

tl = new TimelineMax({paused:true});
tl.to(DOM_ELEMENT_TOP,1,{left:100},ease:Linear.easeIn);
tl.to(DOM_ELEMENT_BOTTOM,1,{top:100},ease:Linear.easeIn);
tl.play();

动画播放完毕后，如何将DOM元素重置到其原始位置？

我想在不反转动画本身的情况下（显然！）

您的代码中似乎有一些拼写错误-易用性属于vars对象内部：

tl.to(DOM_ELEMENT_TOP, 1, {left:100, ease:Linear.easeIn});
tl.to(DOM_ELEMENT_BOTTOM, 1, {top:100, ease:Linear.easeIn});

然后，如果你想把事情恢复到它们开始的地方，你可以简单地跳到开头，比如：

tl.pause(0);

或者，如果你想从内联CSS中清除左上角属性，你可以这样做：

TweenLite.set(DOM_ELEMENT_TOP, {clearProps:"left"});
TweenLite.set(DOM_ELEMENT_BOTTOM, {clearProps:"top"});
相关文章：