Mando Posted September 13, 2022 Share Posted September 13, 2022 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 More sharing options...
mvaneijgen Posted September 13, 2022 Share Posted September 13, 2022 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 More sharing options...
Mando Posted September 13, 2022 Author Share Posted September 13, 2022 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 More sharing options...
mvaneijgen Posted September 13, 2022 Share Posted September 13, 2022 Still don't see it happen, tested both on Safari and Chrome. Link to comment Share on other sites More sharing options...
Mando Posted September 13, 2022 Author Share Posted September 13, 2022 Just now, mvaneijgen said: Still don't see it happen, tested both on Safari and Chrome. did you test it on mobile or in dev. console?, it only happens on mobile devices Link to comment Share on other sites More sharing options...
Mando Posted September 13, 2022 Author Share Posted September 13, 2022 7 minutes ago, mvaneijgen said: Still don't see it happen, tested both on Safari and Chrome. I'll send a video: https://mega.nz/file/Gg9xSaID#GDat5mFfiWJfnVpFZK-4b4faEl3yZTOWJrLsrdPmmOM Link to comment Share on other sites More sharing options...
Solution mvaneijgen Posted September 13, 2022 Solution Share Posted September 13, 2022 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. Link to comment Share on other sites More sharing options...
Mando Posted September 13, 2022 Author Share Posted September 13, 2022 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now