Jump to content
Search Community

Pinned object disappear on start to end

fonveton test
Moderator Tag

Go to solution Solved by fonveton,

Recommended Posts

  • Solution

I'm trying to animate object with scrollTrigger. It works correctly on codepen and it also works with pinType: transform. But on project it dissappears when start point kicks in and reappears when pinning ends. The issue is probably not related to gsap but I couldnt find a way to work around.

What do you think I'm doing wrong?


Project url: https://demo.pentayazilim.net/ruya-dizayn

Video of issue: https://streamable.com/m9hrvm

 

Solved to issue:

 

If triggered/pinned object's container has transform, its not working properly...

See the Pen NWwZRab by manidar (@manidar) on CodePen

Link to comment
Share on other sites

Hi fonveton,

 

Did you still need help with this? You marked your question as the solution so I wasn't sure.

 

10 hours ago, fonveton said:

If triggered/pinned object's container has transform, its not working properly...

 

That's just a CSS issue, completely unrelated to GSAP.

 

https://stackoverflow.com/questions/15194313/transform3d-not-working-with-position-fixed-children

 

  • Like 1
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...