DeltaFrog Posted April 13, 2022 Share Posted April 13, 2022 Hi all, I have a nice GSAP Scroll Trigger setup in a Word Press site and everything is working but I'm a bit confused as to what the best practice is for pinning the entire site while my animation scrubs through its timeline. I've set the pin to "body" "#wrap" as well as various parent divs of the section where my animated elements live but they all seem to produce undesirable results on one device or another. I know this is a a bit vague so any thoughts are greatly appreciated. Thanks! Link to comment Share on other sites More sharing options...
Solution GreenSock Posted April 13, 2022 Solution Share Posted April 13, 2022 Hi @DeltaFrog. If you need some help, please provide a minimal demo that clearly shows the issue and we'd be happy to take a peek. Generally it's not a good idea to pin the <body> - I'd use a wrapper <div>. 1 Link to comment Share on other sites More sharing options...
DeltaFrog Posted April 13, 2022 Author Share Posted April 13, 2022 Ok thanks Jack! I can't show the site right now but once we launch it, it will be easier to illustrate the issues I'm having. Link to comment Share on other sites More sharing options...
GreenSock Posted April 13, 2022 Share Posted April 13, 2022 We actually prefer NOT to see the live site. It's much, much better to create a minimal demo in CodePen or CodeSandbox so that you can isolate the issue effectively. That's always a good practice when troubleshooting (isolate, isolate, isolate). Just some simple colored <div> elements should be all you need. 1 Link to comment Share on other sites More sharing options...
DeltaFrog Posted April 13, 2022 Author Share Posted April 13, 2022 You got it, Jack! 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