Horizontal scroll with scrolltrigger DIV bounces up and down

[ferumm]

Hello,

I have a GSAP animation with scroll trigger that I scroll to in the middle of the page. When I scroll to the animation the div with the animation bounces up and down, not pinned to the position. I've found this codepen with the exact same "bouncing" happening.
This is video preview of how it looks: https://streamable.com/hm2b34

See the Pen abZRXLy by GreenSock (@GreenSock) on CodePen

[elegantseagulls]

I cannot replicate with my browsers, but I'd imagine you've got some overflow on another element that's causing the body to try to scroll separately from the scroller in your setup. have you tried removing the overflow-x and overflow-y styles from the .fl-tests class?

[GreenSock]

Are you looking at it on an iOS device? iOS has browser bugs that prevent it from syncing properly (that's a browser thing, not ScrollTrigger). Try this: 

ScrollTrigger.normalizeScroll(true);

Does that help?