2015-04-06 4 views
3

я играю мои анимации, как это,Как восстановить исходные позиции после игры в TimelineMax (GSAP)

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 в исходное положение после того, как анимация закончила играть? (! Очевидно)

Я хочу сделать это без реверсирования самой анимации

ответ

5

Похоже, есть некоторые опечатки в коде - легкость принадлежит внутри Варсу объект:

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); 

Или, если вы хотите, чтобы в буквальном смысле очистить верхний/левый свойство из ин line CSS, вы можете сделать:

TweenLite.set(DOM_ELEMENT_TOP, {clearProps:"left"}); 
TweenLite.set(DOM_ELEMENT_BOTTOM, {clearProps:"top"});