Smooth scroll to anchors

When you need to link some link or a button to a selected section on a page, you should follow the next steps. 

For pages created with Visual Page Builder:

1. Edit the section, which you want to scroll to on button/link click, and give it a unique ID.

2. Go up the page, and place a button, which will bring you to the target section on click.

3. Enter the anchor link in the URL field (# + unique section ID)

4. To apply smooth scroll effect, enter the "smooth-scroll" class in the "Extra Class Name" field of the Button editor.

5. Save changes and see the result on the frontend. 



 

In order to add the anchor link to a text link, do the following:

1. Edit the Text block in Visual page builder.

2. Select part of the text, that will become a link, click on the Link icon and enter the anchor link (# + unique section ID)

3. Scroll down the Text block and enter the "smooth-scroll" class in the "Extra class name" field. Save changes.