[batch animation in scroll trigger]

var lines = gsap.utils.toArray(".fnr-content__number-content");

 

var tl = gsap.timeline({

scrollTrigger: {

trigger: '.fnr-page-right',

pin: true,

scrub: true,

start: "top top",

end: '+=2000%'

},

stagger:0.5,

toggleActions: "play pause resume reset",

})

tl.to(lines, {top: '50%',opacity: '1',duration: 1, stagger:1}, "ok")

tl.to(lines, {top: '20%',opacity: '0',duration: 1, stagger:1}, "ok")

 

 

It's really buggy on scroll back, so my section get pin and i want that on number comes up after it goes away and next number comes up pls