---
title: "On Scroll View Animation: Settings Overview"
url: https://theplusaddons.com/docs/on-scroll-view-animation-in-elementor/
date: 2024-01-11
modified: 2026-04-10
lang: en
author: "Aditya Sharma"
description: "Are you looking to add entrance and exit animation to your content in Elementor? These animations can enhance the user experience, add a touch of creativity to your website, and..."
image: https://theplusaddons.com/wp-content/uploads/2024/01/On-Scroll-View-Animation_-Settings-Overview-1024x536.jpg
word_count: 317
---

# On Scroll View Animation: Settings Overview

## 

- Enhance user experience with entrance and exit animations using the On Scroll View Animation extension from The Plus Addons for Elementor.
- Activate On Scroll View Animation by default on selected widgets without separate enabling.
- Customize animation effects by selecting options in the Style > On Scroll View Animation settings for both entrance and exit animations.

Are you looking to add entrance and exit animation to your content in Elementor? These animations can enhance the user experience, add a touch of creativity to your website, and make your content stand out.

With the On Scroll View Animation extension from The Plus Addons for Elementor, you can easily add entrance and exit animation to its widgets in Elementor.

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-extras/on-scroll-content-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.

## Learn via Video Tutorial:

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

## How to Activate the On Scroll View Animation?

This feature is enabled by default on some of the selected widgets of The Plus Addons for Elementor. You don’t need to enable it separately.

## Key Features

- **Entrance animation effects** - You can easily add entrance animation to any object.

- **Exit animation effects** - You can easily add exit animation to any object.

Also read, [how to create image scroll animations like in apple and sony in Elementor.](https://theplusaddons.com/docs//create-image-scroll-animations-like-apple-sony-in-elementor/)

## How to Use On Scroll View Animation?

Add one of the listed below widgets from The Plus Addons for Elementor and follow the steps -   

1. Go to **Style** > **On Scroll View Animation**.

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

Then from the **Animation Delay** field, you can add a delay.

By enabling the **Animation Duration** toggle you can set the animation duration.

3. If you want to add an out animation as well then from the **Out Animation Effect** dropdown, you can select an animation.

Then similar to the in animation you can add a delay and set the animation duration as well.

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

Now as per your settings, you’ll see the content enter and leave the viewing area with animation.

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

Learn more about [scroll-based overlays from The Plus Addons for Elementor.](https://theplusaddons.com/docs//scroll-based-special-overlay-animations/)