How to Use Row Scroll Animation

How to Use the Row Scroll Animation

This is a simple guide for beginner users of Row Scroll Animation.


After you activated the plugin, a new element will become available in your Backend Visual Composer Editor called Row Scroll Animation.
Create a Row Scroll Animation element and place it inside your Rows to apply an entrance and exit scroll animation to them. Only one Row Scroll Animation element can be placed inside a single row, adding multiple ones may lead to unexpected behavior.
IMPORTANT NOTES:
  • Row animations are turned off for mobile devices since scroll events do not fire as expected in mobile browsers.
  • Entrance row animations are not advisable for rows that are near the top of your page.
  • Exit row animations are not advisable for rows that are near the end of your page.

How It Works

Entrance animations play when your row is about to be shown on your screen while scrolling down. While exit animations play when your row is about to be hidden from your screen while scrolling up.

The entrance animations end when the top of the row reaches roughly the middle of the screen. While exit animations start when the bottom of the row reaches roughly the center of the screen. These may vary depending on the animation. Most notably the Cube effect. These locations can be varied within the options of each element.