I have a timeline which looks like this below
this.tl = new TimelineMax({paused: true})
this.tl.to(this.images[this.count], this.duration, { y: '0%', force3D: true, ease: new Ease(BezierEasing(1, 0.055, 0.015, 0.985))})
this.tl.to(this.images[this.count], this.duration, { y: '-100%', force3D: true, delay: 1, ease: new Ease(BezierEasing(1, 0.055, 0.015, 0.985)),clearProps: 'y'})
this.tl.restart()
What i'm trying to achieve is to pause all animation that happens on this timeline, and any animation that is currently running on this "this.tl" timeline.
I have tried to use
this.tl.pause()
This pauses the animation, however if there is an animation already running it doesn't pause that. Is there a pauseAll for the timeline?
I know I can use this code below, but I do not want to use it because this pauses all globally and it affects my other tweens.
TweenMax.pauseAll()