Scroll Velocity
Marquee rows that drift on their own and rush ahead when you scroll. Scrolling up turns them around; rows alternate direction.
import { ScrollVelocity } from "pleate/effects/scroll-velocity";Two rows
Scroll faster
Scroll back to turn it around
Props
- texts
One row per string.
string[]- velocity
Resting speed, % of one copy per second.
numberdefault 40- boost
How much scroll speed adds.
numberdefault 4- copies
Copies per row; raise it for short text.
numberdefault 6- rowClassName
Classes for the text in each row.
string
Accessibility
- Each row is read once; the copies are hidden.
- Reduced motion keeps the rows still.