Scale on scroll before scrolling on the page

[De Internetarchitect]

Ok will do! Thanx

[De Internetarchitect]

@mvaneijgen how can I prevent the scrolltrigger animation to start again when I scroll up?
I basically want it to only show when loading page and scrolling down. (just one time)

 

https://codepen.io/deinternetarchitect/pen/WNmZvaVhttps://codepen.io/deinternetarchitect/pen/WNmZvaV

 

[mvaneijgen]

 Have you checked the docs? See the once property in ScrollTrigger https://gsap.com/docs/v3/Plugins/ScrollTrigger/

 

Quote

 

• once: Boolean - If true, the ScrollTrigger will kill() itself as soon as the end position is reached once. This causes it to stop listening for scroll events and it becomes eligible for garbage collection. This will only call onEnter a maximum of one time as well. It does not kill the associated animation. It's perfect for times when you only want an animation to play once when scrolling forward and never get reset or replayed. It also sets the toggleActions to "play none none none".

 

[De Internetarchitect]

Got it! Thanx so much

[De Internetarchitect]

@mvaneijgen see my pen. When scrolling back up I get a empty white space (exactly the 50% of the section). How can I prevent this?

 

https://codepen.io/deinternetarchitect/pen/WNmZvaV

 

[Rodrigo]

Hi,

 

Maybe something like this:

See the Pen ExMRXRB by GreenSock (@GreenSock) on CodePen

 

Hopefully this helps.

Happy Tweening!