omi Posted September 27, 2022 Share Posted September 27, 2022 i want to pin the hero section until the logo scale to full window width but i don't know why the logo scale don't work correctly. please assist me to find the issue See the Pen rNvpmwg by omi-bhatia (@omi-bhatia) on CodePen Link to comment Share on other sites More sharing options...
mvaneijgen Posted September 27, 2022 Share Posted September 27, 2022 Your end trigger is above your start trigger. So as soon as the animation is ready to play it is already finished, so that is why it jumps to 100%. I think you want to use endTrigger: instead of end: because you've given it a element instead of a number or the other properties, check the docs for more info on the properties Also your .hero element gets pinned and loses it's padding or something. I've given it a margin-top instead, but now it starts way lower, but it doesn't jump when it gets pinned. There is a lot of code in your minimal demo, we ask for minimal demo's with a few lines of code and some colored divs, because they are way easier for someone to jump in to. See the Pen PoeEOxv?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen 2 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