GSAP Vertical Scroll

[Florencia]

Hi there!
I'm using GSAP free and I want to do this type of portfolio: https://mill3.studio/en/

I need the effect when you scroll down on "MILL3" and the three columns with video and images. It's possible to do? In HTML, JS and CSS

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. 

[mvaneijgen]

Hi @Florencia welcome to the forum!

 

The beauty of GSAP is that anything is possible! The only thing is how creative you are willing to be with the tools to get the result you want. I would say that even everything is possible without the premium plugins, but the premium tools are not without reason premium, they just will save you so much time, so that you can focus on what you want to happen. 

 

My advise just open up Codepen and start testing the tools, just make something really simple from your animation as a start and build it out from there. Here is a starter template which loads all the plugins 

 

 

See the Pen aYYOdN by GreenSock (@GreenSock) on CodePen.

 

And if you're lookin for inspiration check out the collection page, lots of demos that could get you get started! https://codepen.io/GreenSock/collections/

 

Hope it helps and happy tweening! 

 

[Rodrigo]

Hi,

 

You can use our Vertical Loop helper function: 

See the Pen XJrrYpE by GreenSock (@GreenSock) on CodePen.

 

Hopefully this helps

Happy Tweening!