tonysandwich

No worries and thanks, enjoy your vacation!

Thanks but it still doesn't seem to be working quite as expected, the first image starts parallaxing as you are scrolling down https://codepen.io/EightArmsHQ/full/685524faa6aa0bd628d659103be5d585

Hey Zach, just got one small issue. I am not starting the horizontal scroll until further down the page, however the parallaxing on the images is starting as soon as the page scrolls, updated pen here: https://codepen.io/EightArmsHQ/full/685524faa6aa0bd628d659103be5d585 I tried using a trigger for the top of the carousel but that didn't seem to work. Any ideas? Thanks.

haha no need to apologise! That's exactly what I was looking for, thanks so much for your help.

Hey Zach, Thanks so much for that, I had a feeling it would have something to do with the offset. It's definitely got me heading in the right direction, and thanks for the heads up on the last image. The issue that I"m still having however is that all the .horizontal-test divs are all starting to transform at the same time as soon as the page is scrolled, rather than each one starting as it appears in the viewport, any ideas why this may be? Updated pen here: https://codepen.io/EightArmsHQ/full/685524faa6aa0bd628d659103be5d585 thanks again.

I have a section in a page scrolling horizontally and I have created an image parallax within this, however it is currently being triggered by a vertical position. This is ok for the first panel but I have two panels that I would like to parallax (.horizontal-test) but they are both animating at the same time so by the time the second panel enters the screen the parallax animation has already taken place. Is there any way to trigger an animation based on the horizontal position of a div when scrolling horizontally? Thanks!