Skip to main content
Documentation/The Editor/Animations/Scrolling Animations

Scrolling Animations

Enable Settings > Animations > Scrolling Animation > Enabled. Set property values and save; scrolling interpolates them forward or backward.

Animated Properties

Horizontal Position / Vertical Position move visually without reflow. Opacity runs 0–1; Blur changes blur; Rotation uses degrees; Scale uses 1 as normal. Color / Background Color animate text/background colors.

Scrolling Animation controls

Each property has Start, optional halfway Middle, End, and a Trigger range with Bottom / Top handles. Start-only animates toward normal; End-only starts from normal. Middle alone does nothing. Default viewport range runs from entering the bottom to leaving the top.

Vertical Position with Start 40px, End -40px, and Trigger handles

Advanced

  • Ease — Linear, or Expo / Power1 / Power2 / Power3 / Power4 / Back / Elastic / Bounce with In / Out / InOut.
  • Scrub — Catch-up smoothing in ms / s.
  • Transform Origin — Position grid or Top / Left for scale/rotation.
  • Relative To — Viewport passage, Page, or Custom element identified by Custom Selector.
  • Disable At — Disable at the selected width and below; Desktop disables all widths.
  • Debug — Show trigger markers.
Advanced scrolling controls for easing, scrub, origin, reference, breakpoints, and debug

Disable Enabled to retain configuration without motion; clear a property's values to remove it. Playback needs Start or End, sufficient scroll range, and permitted motion (reduced-motion preferences can prevent playback). Entrance/sticky/custom transforms can conflict.