Image y movement within containing box

[kodralex]

Hi,

 

I'm trying to get some images to have slight Y movement on scroll within each image containing div (overflow hidden).

 

Similar to how the images move on this site: https://cuberto.com/projects/datalight/

 

I just can't figure out what i'm doing wrong here. I've had a look through the parallax demo's, but nothing stands out. Anyone point me in the right direction here?

 

Thanks in advance.

 

 

See the Pen dypGjoN by alexkodr (@alexkodr) on CodePen

[ZachSaucier]

Hey kodralex. 

 

yPercent is an invalid property of a ScrollTrigger. Instead you should create a tween with a ScrollTrigger and include the yPercent in the tween. We show how to do that sort of thing in this demo listed in the ScrollTrigger demos section.

[kodralex]

Cheers for pointing me in the right direct Zach. I should be able to figure it out from here. Thanks