Jump to content


Top down navbar animation

Recommended Posts

I have been trying to create a navbar animation where the navbar comes from top when clicked and goes back the exact same way but so far that is not how my  code is behaving. On clicking the back button the navbar simply disappears.


Here is the codesandbox link


Link to comment
Share on other sites

Hey @Skaiii,


Welcome to the GreenSock Forum.

Here an example which could be helpful.


See the Pen rNWWMGz by mikeK (@mikeK) on CodePen


Happy tweening ...


Link to comment
Share on other sites

The solution didn't work in a way as I am using nextjs and it becomes imperative to initialize the timeline in useEffect which runs the animation as the page loads and when I put the timeline out of useEffect, I get the error of property of querySelectorAll undefined as the hasn't loaded yet. What should I do?


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.