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.
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.
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
Slide to enable the Mouse Move Parallax effect for a particular widget.
Slide to enable the Tilt 3D Parallax effect for a particular widget.
Add any value from -20 to 20. Tip: Positive numbers lengthen the entrance animation duration, and negative numbers shorten it.
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.
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.
Add Custom CSS here if you want to add any.