ScrollTrigger's marker not appearing when LocomotiveScroll is included
Hello,
I am currently trying to activate a CSS change with ScrollTrigger.
The website is also using LocomotiveScroll and it appears that the markers aren't displaying when I have LocomotiveScroll activated.
The same behavior can be seen in the codepen attached.
Removing the lines of code responsible for LocomotiveScroll, that is line 2 - 5, makes ScrollTrigger work properly, having LocomotiveScroll included however causes the markers to disappear.
This is the most
Hey @max_knrd
You forgot to include the .scrollerProxy() - which is sort of the middle-man between locomotive-scroll and ScrollTrigger. Without that, ScrollTrigger will have no idea about the 'scroll-position' of locomotive-scroll because it doesn't use a native scrolling-technique but translates the content up and down instead.
That is also why locomotive-scroll's data-scroll-section won't work with ScrollTrigger - when you use that data-attribute on individual sections,
