portareset1

awesome! this is exactly what i was looking for

EPIC Agency - Effective creativity for digital awesomeness. I'm curious how this scrolling behaviour can be implemented using the scroll plugin

yeah, ive deleted it to fix the animation, that solved my issue but now im gonna try your method EDIT: Your method worked but if i try to add more elements before the main container, the panel with the yPercent -100 animation is displayed before the green which is the first element, try adding some br's like this and you will see what i mean <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

sorry for disturbing you again, ive added that function to the codepen, everything seems to work normally but the last section isnt displaying correctly A Pen by portareset1 (codepen.io)

i've added this to the end end: () => "+=" + innerWidth * sections.length

you deserve the heaven, that solved my problem

Hello, i'm pretty new to this awesome community that i discovered very recently, today i saw this video : (1) Introducing ScrollTrigger for GSAP - YouTube and i wanted to do the second 25 animation, an slide-in effect from left, right and bottom, problem is when i replicate the same code that this guy have the timeline only take the first element so when i finish scrolling the first element, the others are ignored and they dont continue the animation, i tried a tons of changes but that didnt helped at all:/