Smooth Scroll block enables you to add a smooth scroll animation effecting when scrolling your website. This makes your website look very interactive and innovative.
How to use the Smooth Scroll Block of The Plus Addons For Gutenberg
The Smooth Scroll is an advanced block and needs to be set up properly. Let’s understand how to use this block in the tutorial below.
Gutenberg gives multiple ways to add Smooth Scroll into the content building area or we say playground. Check for the “+” icon in the top toolbar or click the “+” icon in the content area or start typing Smooth Scroll after “/” sign, eg.“/Smooth Scroll”, in the content area. Gutenberg also provides drag & drop after opening the list of blocks panel.
After placing the block you’ll see three tabs on the right editing panel containing “Layout”, “Style” and “Advanced”. Go and start with the Layout tab.
Set the Frame Rate here.
Set the Animation Time here.
Set the Step Size here.
Pulse Ratio of “tail” to “acceleration”
Slide to enable the Plus Algorithm here.
Set the Pulse Scale here.
Set the Pulse Normalize here.
Set the Acceleration Delta here.
Set Acceleration Max option here.
Enable the Keyboard Support here.
Set the Arrow Scroll here.
Slide to enable the Touchpad Support.
Slide to enable the Fixed Support.
Tablet/Mobile Smooth Scroll
Slide to enable the Tablet/Mobile Smooth Scroll.