Fullpage.js scroll delay

Design help Custom code
1

Hi,

Is there a way to delay the page from scrolling using @Alvaro_Trigo fullpage.js? ideally once the page is scrolled, I need a delay of around 1000ms to let my animations finish and then the page scroll up.

This will only be on the hero, not all pages.

Any suggestions would be welcome.

Thanks in advance.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Sure! If you google “fullpage.js delay” you’ll find my answer with an example here:
https://stackoverflow.com/questions/36176677/fullpage-js-adding-a-scroll-delay

I hope that serves you well! :slight_smile:

3

Thanks for the reply! :smile: I did actually come across this, but I was unsure how to implement this into the custom code in Webflow. Maybe I should learn Js first! lol

4

It definitely requires you to use JS :slight_smile:
But it is as easy as copy pasting into the custom JS panel the content of the onLeave callback and the variables defined before fullPgae.js execution.

However, if you want me to create a custom extension for you to make it as easy as editing a HTML attribute you can ping me at my contact form.

6

it worked, thank you very much for your help. Really appreciated.

7

is there a way to get the code to run again once scrolled back up?

8

That works for any vertical movement.