[Scrolltrigger and Timeline]

Hello, i am trying to implement scrollTrigger and Timeline with scrollify.

Every section in my scrollify should have different animation from each section, how do I implement this? Is this going to be different const tl = gsap.timeline(); or can i just add it all into 1 script?

[Freeze the section on scroll and then scroll the background image]

Hi @OSUblake,

Thank you for quick reply, i am looking forward to do something like this :https://www.dji.com/air-2s?site=brandsite&from=homepage

As you browse in second section "All in One", that animation (increasing font size and showing video) is what i am looking for, i know that its possible using gsap as i believed this is what they used as well

[Freeze the section on scroll and then scroll the background image]

On 2/26/2021 at 9:33 PM, ZachSaucier said:

Hey @orca_rohit and welcome to the GreenSock forums.

 

Unfortunately we don't have the capacity to download a whole project, get it running locally, and then debug the issues ourselves for free in these forums. With that being said, we'd love to provide help about specific questions related to GSAP especially when you provide a minimal demo (i.e. with everything unrelated taken out) of the demo. 

 

A few notes after a quick glance at your GSAP code:

• You're loading GSAP from two different sources. You only need to load it from one source. And we recommend using the latest version of GSAP (3.6.0 at this point).
• You're using the old syntax. We highly recommend upgrading to the new syntax so that you can make use of new features like GSAP's defaults. Upgrading is easy!
• If your main-bundle.js is going to make use of GSAP it should be loaded after GSAP.

Hey Zach, do you have an example of this, but instead of parallax bg, it just fades out as well as the font size increase? I am really sorry, i am new to animation