Streaming live at 10am (PST)

Creating a "Drag" effect in scroll


#1

Hey,

Does anyone know the custom code you would need to create a sort of drag on scroll effect like on this page - http://www.pacorabanne.com/blackxs/int-en/

Thanks,

Arthur


#2

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.


#3

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.


#4

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
https://github.com/jquery/jquery-mousewheel
You can get that effect :)


#5

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