I think I've properly setup ScrollTrigger with locomotive scroll using some examples seen in the forum, however I can't seem to get my animation to work properly. It triggers as soon as the page loads without me scrolling to the point I set my trigger.
here is a codesandbox link. https://codesandbox.io/s/cocky-darkness-ncfh6?file=/src/components/SectionThree/SectionThree.tsx
sorry I couldn't use codepen. don't know if that's fine?
edit: relevant files: App.tsx, SectionThree
Hello @Oluwatobiju Judah
There really is awhole lot going on in your example but from a quick glimpse into your SectionThree.tsx, it looks though like you are using locomotive-scroll's data-scroll-section attribute, right? Maybe they are the culprit causing your problems.
There was a question about those earlier today - unfortunately ScrollTrigger won't work with them.