GSAP Extensions

How to Use Scroll To in BricksFly

Estimated reading: 2 minutes 6 views

Scroll To extension allows you to create smooth navigation between sections, giving your page a seamless scrolling experience. Whether you want users to move up or down the page, this feature helps you guide them smoothly to the exact section you choose.

Requirement 

Make sure you have installed:

  • Bricks Theme 
  • BricksFly Pro
Requiremnt of text animation in bricksfly
Bricksfly pro

How To Activate Scroll To in BricksFly

  1. Go to your WordPress Dashboard. 
  2. Click on BricksFly. 
  3. Head to the Extension tab. 
  4. Under ScrollTrigger, toggle on Scroll To. 
  5. Scroll To is now enabled. You’ll find the option available in the page builder. 
Activate scroll

1. First, choose the section where you want to apply smooth page navigation and decide where it should lead, up or down, based on your preference. 

In this example, it has been selected to go down. 

Choosing scroll to element

(i) To apply a link to a specific element for scrolling down the page → choose Element → Structure → select Container → go to the Style tab → set CSS ID  →  Copy it. 

In this example, Scroll-Down is set as the ID name. You can use any name you prefer. 

Pricing container

2. Next, go back to the upper page from where you want to add the smooth page navigation effect. Click on Scroll Icon → Content Tab → enable Scroll To → in the Custom Link option, paste the section ID you copied. 

Note: Use hashtag # while using the ID. In this example, is set to #Scroll-Down. 

Scroll to id class copy paste

3. Lastly, click Save, then click Preview to see the final result. 

Save publish

Final Results

You Did It

Great job! Your page now has a smooth scrolling navigation that guides visitors effortlessly to the section you linked. When you click the scroll icon, the page will glide down to the target area, creating a clean and polished browsing experience.

In addition, if you have any questions or need a hand, feel free to reach out to our support team—we’re always here to help. 

Share this Doc

How to Use Scroll To in BricksFly

Or copy link

CONTENTS