Do your accordion items hold long content? When one opens and the previous one closes, the page can jump and leave visitors mid-answer. Scroll Top brings the opened item to the top of the screen.
The Accordion widget from The Plus Addons for Elementor has a Scroll Top option.
To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — Scroll Top is part of The Plus Addons for Elementor Pro. In the free plugin the option shows an upgrade notice instead of working.
- Widget to enable: Accordion, switched on under The Plus Addons > Widgets.
Steps
- Add the Accordion widget and your items.
- In Content > Extra Option, turn on Scroll Top.
- Set Offset — the space to leave above the item, in px. Use your sticky header’s height so the title isn’t hidden behind it.
- Set Speed — how long the scroll takes, in milliseconds (default 500).
How It Behaves
- It runs each time an item opens, by click or by hover, shortly after the item starts opening.
- It scrolls to the item, not to the top of the page.
Troubleshooting
The title ends up behind my sticky header
Raise the Offset to the header’s height.
