Advices for using Locomotive Scroll and Gsap ScrollTrigger pin horizontal scroll
Hi,
I'm currently testing Locomotive Scroll and Gsap ScrollTrigger, I've read somewhere on the forum that horizontal scroll pin using Locomotive scroll is not that possible (is that correrct?). In fact, each sections are translated, so even though position fixed is set it's still translated, furthermore I think the width of each section is calculated (by Locomotive Scroll) before the "pushing" padding to the section is set. I played with all the pin options (pinType, pinSpacing, pinn
As their docs state: "Splitting your page into sections may improve performance."
But using those is just an option - the basic functionality is moving the whole container.
In a scenario like yours, where the sections fill the whole window anyway and it won't make a visible difference, you could also workaround the problem by setting the section's width to accomodate for the pin-duration (what you already did by setting it to 200vw) and pin an inner container instead with pinTyp
