< All Topics

You can add on scroll features to your website like 3d Section, Row Animation on scroll, Reveal Animation, Content Fly animation on content, Special Content visibility options from different directions, and Other effects based on scroll.

Adding these features will not only enhance the UX of the website but also increase engagement.

Pro tip
Why not add on scroll animation for a section using this feature. You just need to select the animation effect you want to use for the selected section. Make sure to select the correct widget while adding the effect.

How to use the Row Section Scroll Animation for Elementor Widget of The Plus Addons For Elementor

The Row Section Scroll Animation for Elementor is used to add animation to any of the Elementor section based on the settings you set. You will get multiple animation forms to choose from.

Table Of Contents

General Steps

You don’t need to add a widget separately to use this feature. You just need to select the section you want to add the effect for and then Open the Advanced Tab then scroll down to the Plus Extras and there you will find all the scroll animation options for the selected section. You just need to select the entrance and exit animation you want to add to the section as shown in the video below. (You can use it similarly for all other sections.).

How to use Row Section Scroll Animation for different widgets.

Once you have open the Plus Extras dropdown for the of the Row Section Scroll Animation then you will see more options as listed below. You can use these settings to set a custom setting for the animation you want to add for the selected section. We have given a demo in the video below for how you can edit the options. For the full demo check out the official video of Row Section Scroll Animation on Youtube, we have provided the link at the start of the article. Once you have set the rules and other settings update the page and you’re done.

We have listed the other settings and options you’ll get Row Section Scroll Animation.

Plus Extras: Row Section Scroll Animation

In/Entrance Animation

Slide to enable the Mouse Move Parallax effect for a particular widget.

Exit Animation

Slide to enable the Tilt 3D Parallax effect for a particular widget.

Entrance Delay

Add any value from -20 to 20. Tip: Positive numbers lengthen the entrance animation duration, and negative numbers shorten it.

Exit Delay

The exit animation triggers when your container reaches more than 1/3th of the screen from the top (some effects are different, some are unchangeable). Add any value from -20 to 20.(Tip: Positive numbers lengthen the entrance animation duration, and negative numbers shorten it.)

Fix Body Overflow

Check this if you see an unwanted scrollbar that shows up for a very short time while scrolling with some effects & some themes.

Mobile Disable/Off

Slide ride to disable animation on mobile. If you disable this option, It will be disabled for all sections of page.

Section Overflow Hidden

If, Check Yes section scrollbar Overflow Hidden.

Custom CSS

Add Custom CSS here if you want to add any.

All Row Section Scroll Animation options

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?