ScrollMagic + GSAP Horizontal

[james182]

Hi

I am trying to get the horizontal scrolling to working with GSAP and ScrollMagic, but can't seem to get it to work, clearly I'm doing something wrong could i get some advice on why it's broken.

See the Pen mdJJbJX by james182 (@james182) on CodePen

[ZachSaucier]

Hey James.

 

The core of the issue is that you are using absolute values for each tween. In other words, each of them are telling the element to go to exactly -100vw. What you want instead, I presume, is for them to be relative values, meaning "-=100vw" instead.

 

Besides that, the ScrollMagic code is doing absolutely nothing and has errors in it so I'm curious why you're including it.