Streaming live at 10am (PST)

Adding own animations to the transitions between slides using fullpage.js


#1

I need a vertical slider, and I decided to use fullpage.js. But is it possible to insert between transition of slides custom animation created in webflow? Let me tell you and show you what I need:

Watch the video to see what I need: Video

I need the same effect as the video. So that when you scrolling to another section (slide) the frame appears and disappears after the user is on the second slide. Is that possible? How to do it with fullpage.js?


#2

The events of the scroll/slide manage by fullpage.js - sounds like hard task (To mix + over time maybe the code of webflow interaction will change).

In simple words:
Create animation
Play the animation when you go to slide-2 with callbacks

In your example their is some box animation - the closest official demo is this:

animation on scrolling:

https://alvarotrigo.com/fullPage/examples/apple.html

The idea ±:

And tutorials: