KL-07 · SCROLL/BENCH

Scroll Bench

Linked scrubs. Triggered fires once.

CONTROL RAIL

Mode

Offset · start0.90Where in the viewport progress begins (1 = bottom edge).Offset · end0.35Where progress completes (0 = top edge).

Progress signal

READING

progress: 0%
mode: linked

LINKED = REVERSIBLE · TRIGGERED = COMMITTED

KL-07 · SCROLL RIG

Scroll down ↓

TARGET SECTION

LIVE CODE · MIRRORS THE STAGE

const { scrollYProgress } = useScroll({
  container,
  target,
  offset: ["start 0.90", "start 0.35"],
});
const rotate = useTransform(scrollYProgress, [0, 1], [0, 180]);
// scrub back — it reverses. Linked motion is a mapping, not an event.