< All Topics

Everyone likes websites that have an attractive scroll theme. Scroll themes not only look good but increases the interest of users as they scroll down. So you have to make sure to make a scrolling theme that not only looks good but is light on the website. You can create such scrolls by using the Page Scroll widget.

Pro tip
Why not create your own personalized scroll theme using this widget. Website visitors go will love the website as the scroll down to view the website. Make sure to add designs and colors to your scroll.

How to use the Page Scroll Widget of The Plus Addons For Elementor

The Page Scroll widget comes with multiple designs. Let’s understand how to use this widget in the tutorial below. 

Table Of Contents

General Steps

Search for the Page 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

Page Scroll Options for the Plus Scroll widget.

Page Scroll

Full Page  

Select this option to add a full page scroll to the page.

Page Piling  

Select this option to add a page piling scroll to the page.

Multi Scroll  

Select this option to add a multi scroll to the page. You get two more subcategories with this option: 
1. Multi Scroll 50-50
2. Multi Scroll 30-70

Horizontal Scroll  

Select this option to add a horizontal scroll to the page. You get two more subcategories with this option: 
1. Multi Scroll 50-50
2. Multi Scroll 30-70

Content settings for the Plus Scroll widget.

Content/ Multi Scroll Content

Add Item 

You can add items to scroll with this option.  

Horizontal Scroll Background 

This option only comes when you select the Horizontal Scroll Option in the Page scroll section. 


Dots setting for the Plus Scroll widget.

Dots  

This option only comes when you select the Multi Scroll, Page Piling, or Full Page option in the Page scroll section. 

Dots 

Slide the button right to enable the Dots feature. 

Dots Positions 

You can set Dots position from either left or right.  

Dots Tooltips Text 

Enter text here for Dots Tooltips Text

Scroll Navigation Connection 

Slide right to switch Scroll navigation connection on. 

Next Previous Option for the Plus Scroll widget.

Next Previous Button 

This option only comes when you select the Multi Scroll, Page Piling, or Full Page option in the Page scroll section. You can also style the button here itself with various options.

Next Previous Button 

Slide right to enable and edit the Next previous button.

Paginate

Slide right to enable and edit the Paginate. 

Footer Options  

This option only comes when you select the Full Page option in the Page scroll section.

Footer  

Slide right to enable the footer.

Extra Option

Hide Hash/id in URL 

Slide right to hide hash ID in URL. 

Keyboard Scrolling

Slide right to enable keyboard scrolling. . 

Scrolling Speed 

Set the scrolling speed here. 

Loop Bottom  

Slide right to enable scrolling down in the last section should scroll to the first one.

Loop Top 

Slide right to enable scrolling up in the first section should scroll to the last one. 

Continuous Vertical

Slide right to enable continuous vertical scrolling.

Responsive Width

Slide right to enable responsive width. 

Extra Options for the Plus Scroll widget.

2. Style

The Style tab is used for customizing the appearance of all the Page Scroll widget components. All these styling options include customizing the fonts, colors, background, margins, and padding which are common across all the widgets. So, we have created a single detailed article explaining these Styling Options.

View Style Tab Tutorial


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?