< All Topics

Smooth Scroll widget enables you to add a smooth scroll animation effecting when scrolling your website. This makes your website look very interactive and innovative.

Pro tip
If you are not an expert with setting up animations, just use the default values which we have provided for Smooth Scroll widget. As the name says, the effect should be smooth and not lag due to incorrect values and settings.

How to use the Smooth Scroll widget of The Plus Addons For Elementor

The Smooth Scroll is an advanced widget and needs to be setup properly. Let’s understand how to use this widget in the tutorial below. 

Table Of Contents

General Steps

Search for the Smooth Scroll Widget from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to this widget. First, click on the Content tab.

1. Content

Scrolling Core

Frame Rate

Set the Frame Rate here.

Animation Time

Set the Animation Time here.

Step Size

Set the Step Size here.

Pulse Ratio of “tail” to “acceleration”

Plus Algorithm

Slide to enable the Plus Algorithm here.

Pulse Scale

Set the Pulse Scale here.

Pulse Normalize

Set the Pulse Normalize here.

Acceleration

Acceleration Delta

Set the Acceleration Delta here.

Acceleration Max

Set Acceleration Max option here.

Keyboard Settings

Keyboard Support

Enable the Keyboard Support here.

Arrow Scroll

Set the Arrow Scroll here.

Other Settings

Touchpad Support

Slide to enable the Touchpad Support.

Fixed Support

Slide to enable the Fixed Support.

Responsive

Tablet/Mobile Smooth Scroll

Slide to enable the Tablet/Mobile Smooth Scroll.

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?