DeltaFrog Posted May 2, 2022 Share Posted May 2, 2022 Hi all, Is there a way to pin the entire page/body while the Scroll Trigger scrubs through the jet timeline and then have the page/body unpin after the timeline completes? So the background would stop scrolling as well as the blue circle until the timeline ends. Then the jet, circle and background pattern would all continue to scroll up together. Possible? See the Pen b7d9a13d7cfe86812338c378ba5fcd68 by deltafrogcraft (@deltafrogcraft) on CodePen Link to comment Share on other sites More sharing options...
Solution GreenSock Posted May 2, 2022 Solution Share Posted May 2, 2022 You should not pin the <body>, no, but you can just wrap your content in a <div> and pin that instead. Good luck! 1 Link to comment Share on other sites More sharing options...
DeltaFrog Posted May 3, 2022 Author Share Posted May 3, 2022 Thanks Jack, I was looking at it wrong. If I want to "stop" everything on the page I need a div that covers the background so the user doesn't see any scrolling. Link to comment Share on other sites More sharing options...
PointC Posted May 3, 2022 Share Posted May 3, 2022 You can use your grid background image on the giant content div rather than the body background so the background stops scrolling when you pin the big wrapper. Just my two cents. 2 Link to comment Share on other sites More sharing options...
DeltaFrog Posted May 3, 2022 Author Share Posted May 3, 2022 16 minutes ago, PointC said: You can use your grid background image on the giant content div rather than the body background so the background stops scrolling when you pin the big wrapper. Just my two cents. Ok! I'm going to give it a try. Big thanks to both of yall! Link to comment Share on other sites More sharing options...
DeltaFrog Posted May 3, 2022 Author Share Posted May 3, 2022 I get it now. Thanks guys. 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