GSAP Extensions ScrollTo Estimated reading: 2 minutes 24 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 Elementor (Page Builder) Animations Addons (Our Plugin)  Tip: Make sure Animation Addons is installed and activated on your WordPress site before you start. How To Activate Scroll To Go to your WordPress Dashboard. Click on Animation Addons. 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 Advanced 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 → Advanced tab → enable Scroll To → in the 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 Publish, 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.
