Jump to content
GreenSock

Sanjana

Barba.js Page Transition whith GSAP animation, but GSAP Animation is Not Working

Recommended Posts

I create barba.js page transition whith GSAP animation, barba.js is working but gsap animation is not working, when i change the href path location like href="./html/service.html"    to   href="service.html"  its working fine

<nav>
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="./html/servics.html">Services</a></li>
    </ul>
</nav>

 

See the Pen mdVVYRd by sanjuu01 (@sanjuu01) on CodePen

Link to comment
Share on other sites

Hey Sanjana. Check to make sure that the path to the file is correct. It's pretty hard for us to help blindly.

 

This doesn't seem like much of a question related to GSAP unless I'm misunderstanding something. 

Link to comment
Share on other sites

I may be completely wrong (someone correct me) but does Barba.js work correctly in regular Codepens I can't recall seeing it? Try instead using a Codepen Project that will work better for this sort of thing. I believe that is the issue you are encountering and nothing related to GSAP itself.

Link to comment
Share on other sites

19 minutes ago, Shrug ¯\_(ツ)_/¯ said:

I may be completely wrong (someone correct me) but does Barba.js work correctly in regular Codepens I can't recall seeing it?

 

I wouldn't expect it to. The urls are invalid.

 

I don't get codepen projects. You can have multiple pages on stackblitz or codesandbox.

 

  • Like 2
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.
×