Jump to content


"Scroller start" and "Scroller end" markers are not transforming.

Recommended Posts

I'm working in React so this issue is gonna take me a while to replicate in codesandbox. I've been banging my head against the wall with this for hours, I can't get a pin to work, one strange thing about it is that the "Scroller start" and "Scroller end" markers are not transforming, when I scroll the page they move with it rather than remaining in a fixed position due to the transform css applied to them.


There is a pin-spacer element being wrapped around the trigger correctly but like I said, nothing else is working, no transforms are being applied.


I was hoping that someone might no an obvious reason why this might happen?


If not I will create a codesandbox.

Link to comment
Share on other sites

Hey there Joe! How odd...


Sounds like something funny is going on in your CSS, I don't think you need react to put together a minimal demo of this though,

Can you possibly make a minimal demo just with some simplified markup, CSS and the GSAP snippet?

Link to comment
Share on other sites

Yeah, we definitely need a minimal demo to troubleshoot. It kinda sounds like you must have a transform applied to your root element or something like that. Or maybe you're using a smooth scrolling library that's doing that? 🤷‍♂️

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.