OK maybe a code snipped would help..
gsap.timeline({
scrollTrigger: {
trigger: this.aperitifSection.nativeElement,
scrub: true,
pin: true
}
})
.to(this.aperitifBg.nativeElement, { opacity: 1 }) // <!-- this is an animated background. After this I want the user scroll enjoing for some time this animation
.to(this.aperitifImg.nativeElement, { top: "100vh" })
how could I modify the code?