Marquee
内容自动无限循环滚动,支持任意节点、横向与纵向以及反向播放,悬停可暂停,自动尊重系统的减弱动态效果偏好。
ReactTypeScriptMotionWebGLThemingAccessibility
Customize
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
children | ReactNode | — | 需要循环滚动的内容,任意节点 |
direction | 'left' | 'right' | 'up' | 'down' | 'left' | 滚动方向 |
duration | number | 20 | 跑完一轮所需的秒数,数值越大越慢 |
repeat | number | 2 | 最少重复份数;实际份数会按容器尺寸自动补足,保证循环无缝 |
gap | number | 0 | 每份内容之间的间距(px) |
infinite | boolean | true | 是否无限重复播放,关闭时只播放一轮 |
pauseOnHover | boolean | true | 鼠标悬停时是否暂停 |
className | string | — | 自定义类名 |