devin_v Posted August 2, 2022 Share Posted August 2, 2022 Hello, Is it possible to stop the bouncing of the pinned container that happen when I scroll? And also to make "bg-01" disappear and "bg-03" to appears, this should happen in the background while the "bg-02" is pinned. I tried to do it by setting "display" value of "bg-01" to "none", and setting "display" value of "bg-03" to "block", and but when "bg-03" appears all the ST positions got changed. Is there any way to do this? You may have to use the code pen in full screen view See the Pen oNqELwg by devin09 (@devin09) on CodePen Link to comment Share on other sites More sharing options...
GreenSock Posted August 2, 2022 Share Posted August 2, 2022 8 hours ago, devin_v said: Is it possible to stop the bouncing of the pinned container that happen when I scroll? I'm not seeing any "bouncing" - can you please clarify? 8 hours ago, devin_v said: And also to make "bg-01" disappear and "bg-03" to appears, this should happen in the background while the "bg-02" is pinned. I tried to do it by setting "display" value of "bg-01" to "none", and setting "display" value of "bg-03" to "block", and but when "bg-03" appears all the ST positions got changed. Is there any way to do this? Usually it's pretty hard to follow things like "I want it to do A and B but not C while D is occurring" If you still need some help, I'd recommend only focusing on one piece at a time. Provide a minimal demo that only illustrates one issue, get that question answered, and then move on to the next (with a new demo). We'd love to help with any GSAP-specific questions. 1 Link to comment Share on other sites More sharing options...
devin_v Posted August 2, 2022 Author Share Posted August 2, 2022 When you scroll down 1 hour ago, GreenSock said: I'm not seeing any "bouncing" - can you please clarify? When I scroll down, while the "bg-02" is pinned it try to move up and then jump back to the pinned position, that is what I meant by "bouncing". This occurs a lot when scrolling down little faster. Link to comment Share on other sites More sharing options...
devin_v Posted August 2, 2022 Author Share Posted August 2, 2022 2 hours ago, GreenSock said: Usually it's pretty hard to follow things like "I want it to do A and B but not C while D is occurring" If you still need some help, I'd recommend only focusing on one piece at a time. Provide a minimal demo that only illustrates one issue, get that question answered, and then move on to the next (with a new demo). We'd love to help with any GSAP-specific questions. Sorry for that Jack. I just wanted to explain things. This is the full example which I tried to explain, so that you can experience "bouncing" noticeably 😕 . See the Pen XWEZYPZ by devin09 (@devin09) on CodePen This would make it easier for you to figure out what I was trying to explain Link to comment Share on other sites More sharing options...
GreenSock Posted October 4, 2022 Share Posted October 4, 2022 I'm so sorry about the delayed response, @devin_v! I'm not sure how this slipped through the cracks. I assume you were talking about Safari only, right? That should be resolved in version 3.11.3 (just released). Is that better? 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