Streaming live at 10am (PST)

Fullpage JS Scrolling Speed


#1

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: https://preview.webflow.com/preview/scrollexp?utm_source=scrollexp&preview=036d4f269e490d5927c973883474d556

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

Can anyone help me with this?

Thank you!


#2

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:


#3

Yes, it is working perfectly. Thank you!


#4

No problem! Happy to help :webflow_heart:


#5

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?


#6

There’s some alternatives

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


#7

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: