Scroll Float
Scroll Down
Solid Bits
Customize
Stagger0.03
Duration1
Props
| Property | Type | Default | Description |
|---|---|---|---|
children | string | — | The content to animate. If a string, it will be split into individual characters. |
scrollContainerRef | HTMLElement | window | Optional ref to the scroll container. Defaults to window if not provided. |
containerClassName | string | "" | Additional classes for the container element. |
textClassName | string | "" | Additional classes for the text element. |
animationDuration | number | 1 | Duration (in seconds) of the animation. |
ease | string | "back.inOut(2)" | Easing function used for the animation. |
scrollStart | string | "center bottom+=50%" | The scroll trigger start position. |
scrollEnd | string | "bottom bottom-=40%" | The scroll trigger end position. |
stagger | number | 0.03 | Delay between the animation start of each character. |
Dependencies
gsap