Fullpage JS Scrolling Speed

Hello,

I have a small problem and I don’t find a way to solve it.

I have to be able to control the scrolling speed of a Webflow with Fullpage-js script in order to add animations.

Link: Webflow - Scroll Exp

I tried to edit the value of speed from the code, but it doesn’t work.

Can anyone help me with this?

Thank you!

1 Like

Hello @Alexander_von_Stauff

Not very good coder :sweat_smile: but I think I’ve found something.

You can see it here > https://fullpage-js-speed.webflow.io/

I’ve added one extra script

<script>
$('#fullpage').fullpage({
    onLeave: function(index, nextIndex, direction){
    var idx = Math.abs(index - nextIndex)*.250;
    $.fn.fullpage.setScrollingSpeed(idx*5000);
    }
})
</script>

250 and 5000 are the values I’m using for the current speed

Hope this helps :webflow_heart:

1 Like

Yes, it is working perfectly. Thank you!

1 Like

No problem! Happy to help :webflow_heart:

I’ve tried looking for this topic before but with no luck, are there any other ways of doing this besides using the fullpaage-js?

There’s some alternatives

http://blog.danyll.com/smartscroll-jquery-scrolljacking-plugin/

https://demo.paper-leaf.com/alton/standard/

1 Like

Just wanted to say thank you for the smartscroll link! It solved the problem I’ve been having with fullpage.js and the like, namely not being able to trigger interactions on scroll. The bad part is I gave up on the task I had a couple of weeks ago, and did a workaround which shipped already :smiley:

1 Like