Interaction linked to % of scrolling

Design help Animations & Interactions
1

Hi,

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

http://www.gramercyparkhotel.com

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 !!

2

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
3

Thank you so much!! (as always!)

4

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