---
title: "How to Add Scroll Top Animation in Elementor Accordion?"
url: https://theplusaddons.com/docs/scroll-top-animation-in-elementor-accordion/
date: 2023-04-28
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "Adding scroll top animation to the Elementor accordion, users can click on an accordion item and have it smoothly scroll to the top of the page, ensuring that the content..."
image: https://theplusaddons.com/wp-content/uploads/2023/04/How-to-Add-Scroll-Top-Animation-in-Elementor-Accordion_-1024x536.jpg
word_count: 173
---

# How to Add Scroll Top Animation in Elementor Accordion?

## 

- Users add scroll top animation to the Elementor accordion for improved content visibility.
- The Plus Addons for Elementor's Accordion widget enables the scroll top feature with a toggle in the Extra Option tab.
- Users customize the scroll behavior by adjusting the Offset and Speed fields in the widget settings.

Adding scroll top animation to the Elementor accordion, users can click on an accordion item and have it smoothly scroll to the top of the page, ensuring that the content is in full view. This feature is particularly useful for longer accordion items or when there are multiple accordion items on a page. 

You can easily add scroll top animation to your Elementor accordion using The Plus Addons for Elementor's Accordion widget.

*To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, [click here](/docs/elementor-accordion-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-accordion/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, add the widget on the page, then go to the **Extra Option** tab and turn on the **Scroll Top** toggle. 

![](https://theplusaddons.com/wp-content/uploads/2023/04/Tpae-Accordion-Scroll-Top-3.png)

Then, in the **Offset** field, you can specify the amount of space from the top of the page until the active accordion item scrolls. 

In the **Speed** field, you can set scroll animation speed. 

![accordion scroll top demo](https://theplusaddons.com/wp-content/uploads/2023/04/accordion-scroll-top-demo.gif)