Section Scroll Animator

Fade, zoom, and flip page sections into view as visitors scroll — configured from one module, with no animation settings needed on individual modules.

Set it up

1. Add the Section Scroll Animator module anywhere on the page (it takes up no space on the live page; a placeholder shows in the editor).
2. Add one entry per target. Section Number counts the page's drag-and-drop sections from the top — and in the page editor every section shows a small numbered gray badge in its top-left corner so you never have to count. Clicking a badge scrolls to the module's settings box; click that box to open the panel.
3. Choose what to Animate: the whole section (default), or one column or one module inside it for more granular control — set the column/module number counting left to right, top to bottom.
4. Pick an Animation Type (fade, fade up/down/left/right, zoom in, flip up) and optionally adjust duration (ms) and delay (ms).

Good to know

• Animations play once per page view, starting slightly before the section enters the viewport.
• Nothing animates inside the page editor, so editing stays predictable.
• The animation library (AOS 2.3.1) is bundled with the theme and only loads on pages that use this module.
• If you add or remove sections later, re-check your section numbers — they refer to position on the page.