Jump to content
Search Community

animation scrolling back to the top of the. page

Mando test
Moderator Tag

Go to solution Solved by mvaneijgen,

Recommended Posts

hi guys I made this simple animation in my portfolio. but at the end of  the animatio it scrolls back to the top of the page and I can't solve this problem, I'll leave the codeine below

 

i also noticed that the problem manifest itself when I deploy the site with Firebase so I'll leave the link. here: https://portfolio-54954.web.app

also the repo on github: https://github.com/Arm0ny?tab=repositories

 

please help🤧

 

See the Pen dyeMaWW by STR4NG3R (@STR4NG3R) on CodePen

Link to comment
Share on other sites

30 minutes ago, Mando said:

but at the end of  the animatio it scrolls back to the top of the page

 

Are you saying that it should animate to the top of the page? Eg you want that to happen, but you don't know how? Or that it is happing and you don't want that to happen?

 

I don't see it happen, nor on your live site. 

 

If you want it to happen, take a look at the ScrollToPlugin https://greensock.com/docs/v3/Plugins/ScrollToPlugin 

 

Your Codepen was not loading ScrollTrigger, so I've add it and turned on makers to see what was going on.

See the Pen QWrKZvr by mvaneijgen (@mvaneijgen) on CodePen

Link to comment
Share on other sites

3 minutes ago, mvaneijgen said:

 

Are you saying that it should animate to the top of the page? Eg you want that to happen, but you don't know how? Or that it is happing and you don't want that to happen?

 

I don't see it happen, nor on your live site. 

 

If you want it to happen, take a look at the ScrollToPlugin https://greensock.com/docs/v3/Plugins/ScrollToPlugin 

thamkyou for responding, I had a past deployment online, now I re-deployed and the problem should manifest, I don't want the page to scroll back at the top, mabye this has something to do with the position attribute of the elements?

Link to comment
Share on other sites

1 minute ago, mvaneijgen said:

Weird indeed, weirdly it does not happing on the codepen version, so it is something else that is interfering. I would try and disabling some code until you've found the culprit. I can't think of anything that GSAP does that would do this. 

thanks man appreciate your help

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...