Interaction extension · Pro
Turn a button, a card or an icon into a smooth trip to the section it promises. Set the target, the duration and the ease; GSAP handles the motion, with no code.
The short answer
Scroll To is an Animation Addons for Elementor extension that adds an Elementor smooth scroll to section on Elementor 4 atomic elements. You give the element a target, such as #pricing, then choose how long the scroll lasts and which GSAP ease it uses, so clicking the element glides the page to that section instead of jumping.
| Plan | Pro Animation Addons Pro. The ScrollTo panel section ships in the free plugin; the scroll only runs on the live page with a licensed Animation Addons Pro |
|---|---|
| Type | Interaction extension: adds a panel section to elements you already use |
| Works on | Elementor 4 core atomic elements (Heading, Paragraph, Button, Image, SVG, Flexbox, Div Block, Grid) and 36 Animation Addons atomic widgets, including Button, Button Pro, Icon List, Nav, Flip Box and Countdown |
| Controls | Enable Scroll To, **Target Selector \ |
| Eases | Power1 Out, Power2 Out (default), Power3 Out, Expo Out, Bounce Out |
| Engine | GSAP with ScrollToPlugin, loaded only on pages that use Scroll To |
| Responsive | All four controls can differ per breakpoint |
| Editor preview | None on the canvas; test with Preview or on the live page |
| Limits | No offset control for fixed headers (see FAQ); one target per element |
| Plugin version | Animation Addons for Elementor 4.3 · Last updated October 2026 |
Demo variations
Every demo uses Scroll To from Animation Addons Pro on Elementor 4's own elements. The settings on each card are a good place to start.
A full-screen hero with two buttons, each gliding to its section.
A quiet text link under the main button skips the feature story and lands on the plan cards.
Four numbered chapter cards; clicking a card glides slowly to that chapter.
Pill buttons for each menu block; each scrolls there and lands with a small bounce.
Each treatment card has a "Book this" link. On desktop it glides to the booking form; on mobile it targets a compact form higher up.
A round arrow at the end of an article carries the reader back to the title.
Features
Every point below is a real control in the Scroll To panel section or part of how it works. Nothing here needs custom code.
A card, image, icon or heading can be the trigger, not only buttons.
Target Selector | Number takes a CSS selector such as #pricing, so any container with an ID in its Attributes can be a destination.
Scroll Duration sets how long the movement takes. Scroll Ease sets how it lands: Power1 Out is gentle, Expo Out is quick then soft, Bounce Out adds a small rebound.
All four controls are responsive, so a link can point somewhere else on mobile, or move faster.
GSAP's ScrollToPlugin belongs to the Scroll To effect, so pages without Scroll To do not download it.
Step by step
Six steps from switching it on to publishing. The bold names are the exact labels you will see on screen.
Get Animation Addons ProInstall Animation Addons for Elementor and activate Animation Addons Pro, then check that Scroll To is on under Animation Addon > Settings > Extensions.
Select the section to scroll to and give it an ID, for example pricing, in its Attributes.
Select the button, card or icon that should start the scroll and open the ScrollTo section in its panel.
Switch on Enable Scroll To and type #pricing in Target Selector | Number.
Set Scroll Duration and a Scroll Ease; switch to the mobile breakpoint if phones need a different target.
Open Preview and click the element to check where it lands.
Honest comparison
Elementor 4's Heading, Paragraph, Button and Image have a Link setting, and a #section link there jumps to the section. Scroll To adds control over the movement.
| Feature | Plain #anchor link (Elementor 4 Link setting) | Animation Addons Scroll To |
|---|---|---|
| Where it is set | The element's Link setting | The ScrollTo panel section |
| Target | An ID in the link | A CSS selector |
| Duration | Not a setting | Scroll Duration |
| Easing | Not a setting | 5 GSAP eases |
| Cost | Free in Elementor | Animation Addons Pro |
Compared with Elementor 4.3.3 (September 2026).
A plain anchor link is enough for a jump. Choose Scroll To when the movement should feel deliberate.
Who it's for
The people who get the most out of it, and what they use it for.
Building one-page sites.
Sending visitors straight to pricing or sign-up.
Turning chapter cards into navigation.
Pointing every "Book now" at one form.
FAQ
Give the target section an ID in its Attributes, then select the button and open the ScrollTo section Animation Addons for Elementor adds. Switch on Enable Scroll To, enter the ID with a hash, such as #pricing, and set Scroll Duration and Scroll Ease. Scroll To also works on headings, images, icons and containers, not only buttons.
Scroll To in Animation Addons has no offset setting, so the target lands at the top of the screen. Put the ID on an empty Div Block placed just above the section, with its height equal to your header, or add top padding to the section. The fixed header then covers the spacer instead of your heading.
Animation Addons Scroll To attaches to Elementor 4 core atomic elements and Animation Addons atomic widgets, not classic v3 widgets. The settings appear in the free plugin, but the scroll runs on the live page only with a licensed Animation Addons Pro. There is no preview on the editor canvas and no header offset, so test with Preview.
Yes. Every Scroll To control in Animation Addons is responsive, so the same element can target a different section on phones, where layouts often reorder, and use a shorter Scroll Duration so the trip feels quick on a small screen. Check the result on a real phone before you publish.
Scroll To in Animation Addons uses GSAP's ScrollToPlugin, which is attached only to the Scroll To effect, so pages that never use it do not load it. Animation Addons Pro also includes Lazy Animation and a Performance Wizard for sites with many animated pages.
No. Animation Addons Scroll To only moves the page to a section that is already there; every section's content stays in the HTML and nothing is hidden or loaded later, so search engines read the page as before. Keep section headings descriptive, since they are what readers and crawlers land on.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
What works well with Scroll To on the same page or template.
Smooth, eased scrolling to any section from Elementor 4 elements, with per-device targets. Need something free right now? Elementor 4's Link setting with a #section ID gives a basic anchor jump.
