On Scroll View Animation: Settings Overview

Updated on June 27, 2024 by Editorial Team
Table Of Content

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.

Required Setup

Learn via Video Tutorial:

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.

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

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

On scroll view animation demo
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website