Interaction linked to % of scrolling


I’m trying to replicate this uber cool transition effect when scrolling down:

The second section moves into the main area when you scroll down. I can trigger into view a transition, but I don’t know how to make it move at the same time as the scrolling advances…

It’s like it’s triggered by the scroll into view of that section, but it stops if you stop scrolling down, and goes back again when scrolling up.

Would it be possible to achieve that same effect with webflow ?

Thank you !!

I believe this is done using this plugin skrollr - parallax scrolling for the masses. It’s Github link is at GitHub - Prinzhorn/skrollr: Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery. Just plain JavaScript (and some love).

You can add it to Webflow site using the Github tutorial I wrote in Tips & Tricks category:

This effect is not possible using Webflow’s interactions at the time of writing.

1 Like

Thank you so much!! (as always!)

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