Change Scroll Snap Speed in Gutenberg

Adjust and customize scrolling speed in Gutenberg for a smooth scroll and a responsive navigation experience.

Check Demo

How to adjust the speed of scroll snap effect in Gutenberg

Step 1

Install fullPage.js plugin

Get fullPage.js

Trusted by the world's most innovative companies

Step 2

Add the fullPage.js Gutenberg block

Step 3

Enable fullPage.js - And get the Snap Scroll effect

Step 4

Open the "Scrolling" settings

Step 5

Change the value on the "Scroll Speed" option.

(This option allows you to set the snap scrolling speed in milliseconds. 1000 = 1 second, 2000 = 2 seconds).

More in the docs.

Get fullPage.js

FAQs

How do I make Gutenberg scroll snap faster?

To make the snap scrolling faster, you need to set the "Scroll Speed" value to a lower number. For example, 500. (0.5 seconds)

How do I make Gutenberg scroll snap slower and smoother?

To make the snap scrolling slower, you need to set the "Scroll Speed" value to a higher number. For example, 2000. (2 seconds)

Can I use Gutenberg CSS scroll snap and change the snap speed?

No. The CSS solution used by Gutenberg and other website builders will not allow you to change the speed of the scrolling effect. Plugins like fullPage.js for Gutenberg provide more flexibility and options for customizing the scrolling speed because they are JavaScript-based.

Is it possible to show the scroll bar while scrolling?

Yes. fullPage.js plugin can be configured to use a scroll bar and at the same time allow you to change the scrolling speed of the snap effect.

Discover what fullpage.js for Gutenberg can do

Join 35,306 Web Developers

Developers worldwide use fullPage.js for Gutenberg to save time, money, and create beautiful sites in a snap.

Get fullPage.js!

Scroll Snap websites built with fullPage.js

Check out these amazing websites using scroll snap scrolling at different speeds. Built with fullPage Gutenberg plugin.