GSAP no longer works with Sitejet

Hello Jean Pierre

I can make you an example how the integration of GSAP looks like in my website:

  1. You have to integrate the needed scripts for GSAP in the “HTML” tab.

  2. Create a class for the element you want to animate. In my case “.fade-in-logo”.

  3. Integrate the code for GSAP in the Tap “Javascript”. You can find a detailed description on the GSAP website. I discussed above, it is important that you put “body:not(.edit)” in front of the class name “.fade-in-logo”, so that the animation is not executed in the builder but only when visiting the website.

I hope this little tutorial helps you.

7 Likes