Streaming live at 10am (PST)

Product page scroll animation

Heyo!

I’m trying to get a certain scroll animation to work on my product page but I’ve been unable to achieve it so far unfortunately.

Basically what I’m looking for is an animation exactly like this:
https://www.rituals.com/nl-nl/the-ritual-of-samurai-face-cleansing-foam-1103189.html?channable=e7396.MTEwMzE4OQ&gclid=CjwKCAjwqpP2BRBTEiwAfpiD--4UifizTjXjiVzLZHIfFhc6ZKuzIXMrIm99cZKoUAfIBLbOtbcR6xoCvs8QAvD_BwE&gclsrc=aw.ds

In short: The product should scroll down with the bar and settle in the section under it, when scrolling back up it should go back again.

I’ve sort-of got it to work as you can see on my published share link, however it’s not quite perfect.

Any help would be greatly appreciated.

Many thanks in advance,
Jan


Here is my public share link:
https://preview.webflow.com/preview/chad-club-responsive-website-full-versi?utm_medium=preview_link&utm_source=designer&utm_content=chad-club-responsive-website-full-versi&preview=98d00ba04ad1bd81bb6511b5fd769816&pageId=5ebfe2dad50a9d14e28b37b7&mode=preview