Creating a "Drag" effect in scroll

Hey,

Does anyone know the custom code you would need to create a sort of drag on scroll effect like on this page - Paco Rabanne | Official Site

Thanks,

Arthur

That looks like a Parallax effect to me – where an image (background, usually) scrolls at a different rate than the rest of the page.

Webflow does not currently support that. But if you search for Parallax here in the forum, you’ll see quite a few discussions and options for custom code.

Hope this helps.

1 Like

You could add a delay, scroll type of interactions to mimic this site. It would take some patience to sort out the timing but you would want to set the interaction original position down and then on scroll have it return to original position.

The entire page is built inside a div called parallax-scroller.

On mousewheel scroll it has the animation to move entire div that is positioned fixed up or down. It has an ease-out effect with 1000ms time to have a smooth scroll effect.

If you combine this with the mousewheel.js

You can get that effect :)

2 Likes

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.