Poney

Yup, same behavior on mobile too. Horizontally dragging "scrolls away" from the div instead of changing it's color like it normally should

Thank you for your reply ! So the thing with that codepen is that it works.. In codepen only. This is the exact same code as the one i'm testing on my computer, but the result I get outside of codepen is the one shown in the gif... I have no idea why it would work on codepen and not outside of it ? (tried with another computer so i'm pretty sure the issue doesn't come from my setup). Here's a github page if you wish to try yourself: https://vflebus.github.io/gsap-horizontal/ About the horizontal scroll, the goal is to use vertical scroll on desktop with the mousewheel and horizontal on touch screen devices (because it seemed to me that swiping vertically to scroll horizontally wasn't very user friendly) Thanks again for your help !

Hello there, this is my first time asking here for help. I'm pretty new to GSAP and i've been enjoying it a LOT this far ! So here is my problem : i'm trying to use a timeline with scrolltrigger. The goal is to animate a pinned section with horizontal: true. The code works on desktop, but as soon as I switch to a touch screen in the inspector, it breaks. My section is no longer pinned and gets off screen as soon as i start scrolling (by dragging my mouse as i would with a finger). This issue does not happen when horizontal is set to false. I've created a codepen but the issue doesn't seem to be happening on it, so here's a gif demonstrating the issue : https://ibb.co/CHmxrj2 Does anybody have an idea of what could cause this ? Thanks !