Streaming live at 10am (PST)

Webflow Workshop #123: Adding fullpage.js into your Webflow project


#1

Join us on Tuesday, June 26th at 10am (pacific)
[ Save your spot ]

Adding a full-page scroll interaction plugin into your Webflow project is easy — in this week’s workshop, we’ll show you how. We’ll focus on basic element structure, CSS styles, and adding custom code to make the plugin work.

See the original plugin here:


Parallax Effect + Jump to to Section with Scroller
#2

#3

#4

#5

Here is the clonable project from today’s stream.

Have fun! :smiley:


#6

Hello! Thanks for this video!
I did everything according to the instructions (video), but links to sections (/#section-name) stop to react on click :frowning:

UPD
I did DIV with id=fp-nav and put my button inside to this div – it works, BUT wrong.
First 2 section can scroll down by click on the button with any …/#section-name on link, than scroll up.

For exemple my current position on …/#section-1

if I set for button link to …/#section-2 – page will scroll to …/#section-2
after from …/#section-2 page will scroll to …/#section-3
than from …/#section-3 page will scroll UP, but with correct URL …/#section-4

if I set for button link to …/#section-5 – page will scroll to …/#section-2 (just scroll down to next section)

I have no idea how to solve that. I was tried to use data-anchors in custom div attributes – same result…


#7

Hello again!
Sorry, but how to do Footer section?
I tried to use <div class="section fp-auto-height"> and its same result with 100vh section size.

Thanx!