Jump to content
Search Community

After connecting GSAP, TypeWriter doesn't work, why?

Manvel test
Moderator Tag

Go to solution Solved by GreenSock,

Recommended Posts

Welcome to the forums, @Manvel. Can you please clarify what you mean exactly by "as soon as I connect GSAP it stops working"? Vague details like 'it's broken' or 'it doesn't work' are very difficult for people to help with. Here are some tips that will increase your chance of getting a solid answer:

 

  • A clear description of the expected result - "I am expecting the purple div to spin 360degrees"
  • A clear description of the issue -  "the purple div only spins 90deg"
  • A list of steps for someone else to recreate the issue - "Open the demo on mobile in IOS safari and scroll down to the grey container" 
  • A minimal demo - your demo has a LOT of code. If you can please simplify it a lot more, you will greatly increase your chances of getting an answer.

 

Also, your demo uses an EXTREMELY old version of GSAP (1.17). I'm curious why you're using that instead of the much more modern, concise v3.x

 

It may actually be much simpler to just explain the effect you want (like a typewriter effect) and provide a CodePen that only has the text you want to animate in and ask something like "can you show me how to make each letter appear one-by-one?" You may not need all that extra code at all. 

Link to comment
Share on other sites

43 minutes ago, GSAP Helper said:

Welcome to the forums, @Manvel. Can you please clarify what you mean exactly by "as soon as I connect GSAP it stops working"? Vague details like 'it's broken' or 'it doesn't work' are very difficult for people to help with. Here are some tips that will increase your chance of getting a solid answer:

 

  • A clear description of the expected result - "I am expecting the purple div to spin 360degrees"
  • A clear description of the issue -  "the purple div only spins 90deg"
  • A list of steps for someone else to recreate the issue - "Open the demo on mobile in IOS safari and scroll down to the grey container" 
  • A minimal demo - your demo has a LOT of code. If you can please simplify it a lot more, you will greatly increase your chances of getting an answer.

 

Also, your demo uses an EXTREMELY old version of GSAP (1.17). I'm curious why you're using that instead of the much more modern, concise v3.x

 

It may actually be much simpler to just explain the effect you want (like a typewriter effect) and provide a CodePen that only has the text you want to animate in and ask something like "can you show me how to make each letter appear one-by-one?" You may not need all that extra code at all. 

I updated to the latest version but nothing has changed.

I need the automatic text to be written, like on the demo that I threw off.
Everything there works with a bang, but as soon as I connect <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/gsap.min.js"></script>, TypeWriter stops working.

I connect this sdn, because in addition to the TypeWriter animation, one more animation is needed so that the pictures change when scrolling down, for this it was necessary to connect the ScrollTrigger and the GSAP library itself, but when I connect the TypeWriter it stops working.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...