Hi; i want to stop scrolling untill my animation resize is done.. how to do this in gsap 3? My code is now as follows:
mounted: function(){
gsap.registerPlugin(ScrollTrigger);
this.startAnimation();
},
methods: {
async startAnimation(){
const tl = gsap.timeline();
tl.to("#scrollAnimationBox", {
width: 300,
height: 600,
x: 325,
y: -100,
})
.to("#scrollAnimationText", {
x: -300,
y: 50,
})
.to("#scrollAnimationTitle", {
x: 550,
y: 150,
});
ScrollTrigger.create({
animation: tl,
trigger: ".section-2",
scrub: 1,
pin: ".section-2",
markers: true,
});
}