Drewguy

Oh, i see now. I didnt notice: .bar {width: 10vw;}. very clever cheers mate

Zach, is it also trivial to set the animation length to be responsive to the page width? edit: so the div always stops at the right edge of the carousel, no matter what size screen you are using

Wow, thanks! GSAP rules

edit: just realized this is possibly more of a vanilla JS job I am trying to animate a left to right moving image under a native horizontally scrolling "carousel". The idea is to simulate a scrollbar tab. Changing the scrollbar tab in CSS works great for desktop (see published and live implementation here: https://bit.ly/2Nb4tif), but Apple has taken over scrollbar styling on their devices, so I'm using a static image on mobile. Here is a basic codepen you can start with of the horizontal scroller: https://codepen.io/drewbots/pen/XWXpxLp I have been trying to use ScrollMagic to achieve this: https://codepen.io/drewbots/pen/rNxjWQW But I think we will ultimately need ScrollMagic plus GSAP. As far as I know, GSAP does not support horizontal scrolling or reacting from scrolling a specific div. I think it's about an hours work or less for the right person. Maybe this should be a forum post, but I don't want to just ask for free help, I'm not really a developer.