Step 1: Set up your layout
Create a parent frame named
containerInside it, add a smaller frame with Sticky position
Place your text layer inside this sticky frame
You can also add an icon or image next to the text if you like
Step 2: Create the parametric scroll interaction
Select the text layer frame (e.g.
text 2)Add a new Parametric Animation
Set the action to: On Scroll
Interaction Settings
Triggering Event
Turn ON:
Smooth AnimationSet:
Start when:
Element center touches viewport bottomEnd when:
Element center touches viewport top
Turn ON:
Animate while scrolling
Trigger
Set to:
container(the parent frame)If using multiple sections → turn ON
By name
Target
Set to:
text 2(your text frame)Turn ON:
By nameTurn ON:
Use replicator
→ So that it works on all text layers with the same name
Animation Properties
Enable:
Blur,Fill,OpacityMark: Start from (only)
Set:
Fill = #9F9FFF(purple)Opacity = 10%Duration = 1sEase = default
Text and Animation Options
Enable:
Split TextChoose:
By letterSet:
Interval = 8s
Bonus: Multiple Sections with Scroll Animation
If you want multiple animated blocks of text:
Duplicate the
containerframeStack them vertically
Each section will now trigger its own scroll-based animation
→ Since they are all sticky, they’ll "stick" to the screen while animating