Defines the primary section for the scroll-triggered effect. Placement: Add this to the container section where you want the scroll effect to apply.

Sets the element to scale and fade at the beginning of the scroll. Placement: Add to text or elements you want to animate as they "enter" during scrolling.

Targets an additional text or element to scale down and fade out during the scroll animation, offering an extra layer to the visual effect.

Specifies the section or content to reveal after the scroll-triggered animation completes. Placement: Typically added to the section that follows the current scroll section, creating a seamless transition.

Sets when the data-scroll-next section begins to fade in relative to the scroll position.

Default: 0.7

Sets the initial scale of the data-scroll-text-in element as it begins to animate.

Default: 4

Controls the easing function for the animation, influencing how smoothly elements scale and fade. start, end, smooth or extra-smooth.

Default: none.

Determines the speed of the scroll-triggered animations and the pinning duration of the section.

Default: 1