---
title: "Section Scroll Animation: Settings Overview"
url: https://theplusaddons.com/docs/section-scroll-animation-overview-in-elementor/
date: 2024-01-12
modified: 2026-04-10
author: "Aditya Sharma"
description: "Do you want to add animation effects to sections on scroll in Elementor? This effect adds a visually appealing touch to your website by animating the sections as the user..."
image: https://theplusaddons.com/wp-content/uploads/2024/01/Section-Scroll-Animation_-Settings-Overview-1024x536.jpg
word_count: 439
---

# Section Scroll Animation: Settings Overview

## Key Takeaways

- Section Scroll Animation from The Plus Addons for Elementor adds animation effects to sections as users scroll through the page.
- The Plus Addons for Elementor requires the PRO version to access the Section Scroll Animation extension.
- Users can select from multiple entrance and exit animations and adjust animation duration with values between -20 to 20.

Do you want to add animation effects to sections on scroll in Elementor? This effect adds a visually appealing touch to your website by animating the sections as the user scrolls through the page. It can make your website more engaging and can enhance the overall user experience.

With the Section Scroll Animation extension from The Plus Addons for Elementor, you can easily add animation on scroll to sections of a page in Elementor.

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-extras/row-section-full-scroll-animation/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Required Setup

- [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](http://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- This is a Premium feature, and you need the PRO version of [The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text).

- Make sure the Section Scroll Animation extension is activated, to verify this, visit The Plus Addons → Widgets → and Search for Section Scroll Animation, and activate.

## Learn via Video Tutorial:

https://www.youtube.com/watch?v=PanFRME2008

## How to Activate the Section Scroll Animation Extension?

Go to 

- **The Plus Addons **→** Widgets **

- **Search **the widget name and **turn on the toggle.**

![](https://theplusaddons.com/wp-content/uploads/2024/01/section-scroll-animation-1024x357.png)

## Key Features

- **Multiple animation effects** - You can select from multiple animations as entrance and exit animations.

Also *learn [how to enable the horizontal scroll widget](http://theplusaddons.com/docs/horizontal-scroll-elementor-widget-settings-overview/#How-to-Activate-the-Horizontal-Scroll-Widget) by reading our guide.*

## How to Add Section Scroll Animation Effect in Elementor?

Once the Section Scroll Animation extension is activated, select any container, inner container, section or inner section then follow the steps -  

1. Go to **Advanced** > **Plus Extras**.

2. From the **In/Entrance Animation** dropdown, you have to select the entrance animation. This will add animation as the section enters the viewing area.

For some effects, you’ll see an **Entrance Delay** field. From here, you can increase or decrease the animation duration by adding a value between -20 to 20. A negative value will increase the duration while a positive value will decrease the duration.

3. Then from the **Exit Animation** dropdown, you can select an exit animation. This will add animation as the section leaves the viewing area.

Similar to the entrance animation for some effects you’ll see an **Exit Delay** field. From here, you can increase or decrease the animation duration by adding a value between -20 to 20. A positive value will increase the duration while a negative value will decrease the duration.

![Section Scroll Animation Settings](https://theplusaddons.com/wp-content/uploads/2024/01/section-scroll-animation-settings.gif)

By enabling the **Fix Body Overflow** toggle, you can hide any scroll bar that might appear during the animation.

You can disable the effect on the mobile screen by enabling the **Mobile Disable/Off** toggle.

Now, you’ll see a beautiful section animation effect as you scroll up and down.

![Section Scroll Animation Demo](https://theplusaddons.com/wp-content/uploads/2024/01/section-scroll-animation-demo.gif)

Also read learn [how to easily set up a one-page scrolling vertical panel in Elementor.](https://theplusaddons.com/docs//setup-one-page-scrolling-vertical-panel/)

## Frequently Asked Questions

**Q: What are the key features of the Section Scroll Animation extension?**
A: The Section Scroll Animation extension offers multiple animation effects for both entrance and exit animations. This allows for a visually appealing transition as sections enter and leave the viewport. Additionally, users can adjust animation durations using the Entrance Delay and Exit Delay fields, which accept values between -20 to 20, providing flexibility in timing.

**Q: How do I activate the Section Scroll Animation extension in Elementor?**
A: To activate the Section Scroll Animation extension, navigate to The Plus Addons u2192 Widgets in your WordPress dashboard. Search for the Section Scroll Animation widget and toggle it on. This step is essential to ensure the animation effects are available for use in your Elementor projects.

**Q: What common mistakes do users make when setting up section scroll animations?**
A: A common mistake is not adjusting the Entrance Delay and Exit Delay settings, which can lead to animations that feel rushed or out of sync with the scrolling experience. Users should experiment with these values to find the right timing that enhances the visual flow without overwhelming the viewer.

**Q: Does the Section Scroll Animation work with the free version of Elementor?**
A: No, the Section Scroll Animation is a premium feature that requires the PRO version of The Plus Addons for Elementor. Users must have both the Elementor FREE Plugin and The Plus Addons installed and activated to access this functionality.

**Q: How can I learn more about using section scroll animations effectively?**
A: For a deeper understanding of section scroll animations, you can watch the [video tutorial](https://www.youtube.com/watch?v=PanFRME2008) provided. This resource can help clarify the setup process and demonstrate practical applications of the animation effects in real-world scenarios.