GSAP Extensions How to Use Scroll To in BricksBuilder Using BricksFly Estimated reading: 2 minutes 131 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 Activate Scroll To in BricksFly Go to your WordPress Dashboard. Click on BricksFly. Head to the Extension tab. Under ScrollTrigger, toggle on Scroll To. Scroll To is now enabled. You’ll find the option available in the page builder. 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. (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. 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. 3. Lastly, click Save, then click Preview to see the final result. 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.
