scroll
HorizontalScrub
Pinned horizontal track scrub. Source: https://gsap.com/docs/v3/Plugins/ScrollTrigger/
Playground
Scroll-based previews need you to scroll into view.
Live preview
1
2
3
4
5
Code
<HorizontalScrub>
{Array.from({ length: 5 }).map((_, i) => (
<div key={i} className="flex h-48 w-64 shrink-0 items-center justify-center rounded-xl bg-muted">{i + 1}</div>
))}
</HorizontalScrub>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| pin | boolean | true | Pin section while scrubbing |