For those of us who enjoy Fullpage.js but are also frustrated by the inability to integrate Fullpage.js slides with webflow interactions.
Allowing webflow interactions to work with the Fullpage.js code there is a need to add callbacks within the custom code section.
I have been trying to do this for months without any success and im sure most if not all of the Fullpage.js users would love to know how this can be done, since it will look rather dull without the use of interactions.
On page load interactions are usually not the problem because they are triggered either when the page starts loading or when it finished loading, but interactions that would trigger after scrolling to another slide or leaving a slide would not work without callbacks.
Im calling all of the knowledgeable people of the Webflow forum to come forward and offer the help so many of us are hoping to get and share a cloneable project that we can work with.
I’ve created a cloneable base Fullpage.js page here that can be copied and used to provide the answer to our callbacks problem.
Here is the header code Ive used for this example:
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.fullpage/2.1.8/jquery.fullPage.min.css">
And the body code Ive used for this example: