Jump to content
Search Community

Is it possible to stop the bouncing of the pinned container that happens when I scroll?

devin_v test
Moderator Tag

Recommended Posts

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

  • devin_v changed the title to Is it possible to stop the bouncing of the pinned container that happens when I scroll?
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. 

  • Like 1
Link to comment
Share on other sites

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

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

  • 2 months later...

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