# SSGOI - scroll transition

Vertical "page scroll" — outgoing page slides off and incoming page slides in along the y-axis. Use for **onboarding steps**, paginated long-form content, or any sequential vertical flow.

Setup guide: https://ssgoi.dev/llms.txt

## Behavior

- **`directional`** (default): forward navigation moves up (incoming rises from below); backward moves down. Direction follows `paths` order.
- **`non-directional`**: always moves in the same direction regardless of which way you navigate. Combine with `direction` to fix it to `"up"` or `"down"`.

## Signature

```ts
import { scroll } from "@ssgoi/react/view-transitions";

scroll({
  paths: readonly string[];
  type?: "directional" | "non-directional";  // default: "directional"
  direction?: "up" | "down";                  // only used when type is "non-directional"; default: "up"
}): SsgoiPathTransition[];
```

## Usage

```ts
const config = {
  transitions: [
    // onboarding: step1 → step2 → step3, forward goes up
    scroll({ paths: ["/onboarding/1", "/onboarding/2", "/onboarding/3"] }),

    // always slide up, no matter the direction
    scroll({
      paths: ["/feed", "/notifications"],
      type: "non-directional",
      direction: "up",
    }),
  ],
};
```