How to do multiple full pages in webflow? about fullpage.js

[alvarotrigo]

@mzakzok there can only be a single fullPage.js initialisation on the whole page.
So I'm not sure what you mean by "multiple full pages".

To learn how to use fullPage.js in Webflow you can check this tutorial:
https://alvarotrigo.com/blog/how-to-use-fullpage-in-webflow-create-full-screen-slider/

And these two clonables:

• https://webflow.com/made-in-webflow/website/Fullpagejs-basic-example
• https://webflow.com/made-in-webflow/website/fullPagejs-Horizontal-Slides

[mzakzok]

Hi Alvaro
You give a solution for similar question in this post, but i don't know how to implement it
#2720

[alvarotrigo]

As the solution there indicates, you just have to destroy the first instance before you initialise the next.

For example:

// initialise for page 1
new fullpage('#page1', {scrollingSpeed: 700});

// destroy the current instance (can be called on page change, on toggle divs etc)
fullpage_api.destroy('all');

// initialise 2nd instance
new fullpage('#page2', {scrollingSpeed: 5000});

[alvarotrigo]

Here's a demo of the destroy function:
https://codepen.io/alvarotrigo/pen/bdxBzv

[mzakzok]

I couldn't do it myself, I need you to apply this directly to my website for my specific case, Could you do it , and how much will I pay you?

[alvarotrigo]

I need you to apply this directly to my website for my specific case, Could you do it , and how much will I pay you?

Unfortunately, I don't provide that kind of service.
But I'm sure you'll find someone who does :)
Any web developer should be able to help you with those.