JonoUWE

Thanks guys, with the help of the video I've got it working how I need it! https://codepen.io/mrjonoces/pen/eYXQOBq

Hey all. I've got a wavy svg path that I need to animate but articulating the exact nature of the animation I'm looking for isn't the easiest so bear with me. I need the effect to look like a cross section of waves moving, so each peak moves up and down slightly staggered behind the peak to its right. Each control point on the path will need to go up and down but there'll also need to be some rotation involved too I think to make it look natural. the complicating factor is the big dip in the middle of the path, but that needs to stay. I've been trying to figure it out but have got nowhere. Would gsap be the best thing to use here? Or is there an easier way of doing it that I'm blind to?

Thanks mvaneijgen, that's a useful strategy and with a bit of tweaking it's working on the site I'm putting together.

Hey everyone. I'm working on a site that's using scrollsmoother and scrolltrigger and I can't get my head around how I can achieve the following effect: The .big-quote element scrolls into the viewport first but is caught up by the parallax image section after it, with both being centred in the middle of the viewport at the mid-point of the interaction (if that makes sense), then as you scroll down they both scroll out of view (with the parallax section moving above the quote. I tried using the data-from / data-to and the data-speed methods in the docs but I can't get either to do what I want it to. Sure there is an easy solution to this but I'm still a bit of a newbie with gsap!