Section Scroll Animator

Adds scroll animations to the sections you list, with a choice of animation, duration, and delay. No code needed.

Module group: Page structure

How to add it

Edit a page, open the module picker, and search for Section Scroll Animator. Drop it into a drag-and-drop area, then fill in the fields below. See the theme modules page for how the modules look together.

Fields

Fields are grouped as they appear in the editor. Indented rows belong to the group above them.

FieldTypeNotes
Animated SectionsGroupEach entry animates one drag-and-drop section on this page. Repeatable.
Section NumberNumberEnter 1 for the first section, 2 for the second, etc. Default: 1.
AnimateDropdownAnimate the whole section at once, or animate each column or each module inside it individually - children cascade in with a 100ms stagger for a nicer effect. Options: Whole Section, All Columns In The Section, All Modules In The Section. Default: section.
Animation TypeDropdownOptions: Fade, Fade Up, Fade Down, Fade Left, Fade Right, Zoom In, Flip Up. Default: fade-up.
DurationNumberAnimation duration in ms. Default: 800.
DelayNumberDelay in ms. Default: 0.

Other page structure modules